[inne][HTML]Jak zlikwidować kursor z formularza?, Kursor w formularzy w którym jest dynamiczny czas! Opcje

[kubakuba]

Witam.

Wstawiłem do strony kod zegarka. Zegar wyświetla mi się w formularzu.
Problem polega na tym, że jak kliknę na niego, na końcu pojawia się kursor co jest zrozumiałe aczkolwiek denerwujące.
Chciałbym się zapytać czy istnieje możliwość zablokowania pojawiania się kursora w tym miejscu?

[sada]

Zdefiniować własny kursor "zerowy" i zmieniać na niego onmouseover="....."

Ten post edytował sada 12.02.2011, 15:23:01

[gargamel]

Jeśli wyświetlasz zegarek w polu input to najlepiej z tego zrezygnować (bo nie do tego input służy) i wyświetlać w divie. Jeśli zależy Ci na inpucie to spróbuj mu dać disabled='disabled' albo readonly='readonly'.

Pokaż kod jakiego używasz

[kubakuba]

Oto kod w jS

[PHP] pobierz, plaintext 
<div id="zegar">
<FORM name="clock" >
<input type="text" name="face" size="6" value="">
</FORM>
 
<script>
 
Stamp = new Date();
year = Stamp.getYear();
if (year < 2000) year = 1900 + year;
document.write(Stamp.getDate()  +"/"+(Stamp.getMonth() + 1) + "/"+ year);
 
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >24) ? hours -24 :hours)
if (timeValue == "0") timeValue = 12;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 24) ? " " : " "
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock() {
stopclock();
showtime();
}
// End -->
</SCRIPT>
 
</div>
[PHP] pobierz, plaintext 

[gargamel]

Zamiast:

[HTML] pobierz, plaintext 
<div id="zegar">
<FORM name="clock" >
<input type="text" name="face" size="6" value="">
</FORM>
[HTML] pobierz, plaintext 

Daj:

[HTML] pobierz, plaintext 
<div id='clock' style='width:100px; border:1px solid black;'></div>
[HTML] pobierz, plaintext 

Natomiast w kodzie JS
Linię 30 czyli

[HTML] pobierz, plaintext 
document.clock.face.value = timeValue;
[HTML] pobierz, plaintext 

Zmień na

[HTML] pobierz, plaintext 
document.getElementById('clock').innerHTML = timeValue;
[HTML] pobierz, plaintext 

[kubakuba]

Na wstępie powiem, że w przypadku formularza dopisałem w
input disabled="disabled" i działa tak jak chciałem

Ale jako, że na samym początku chciałem umieścić zegar bez formularza, zastosowałem się do podanych przez "Gargamela" instrukcji.

Jest elegancko ale teraz zniknęła mi data.

Próbowałem sobie z tym poradzić i
jak na razie kod wygląda tak

[PHP] pobierz, plaintext 
<div id="clock">
<div id="date">
 
<script>
 
Stamp = new Date();
year = Stamp.getYear();
if (year < 2000) year = 1900 + year;
document.write(Stamp.getDate()  +"/"+(Stamp.getMonth() + 1) + "/"+ year);
</SCRIPT>
</div>
<script>
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >24) ? hours -24 :hours)
if (timeValue == "0") timeValue = 12;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 24) ? " " : " "
//document.clock.face.value = timeValue;
document.getElementById('clock').innerHTML = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock() {
stopclock();
showtime();
}
// End -->
</SCRIPT>
 
</div>
[PHP] pobierz, plaintext 

a tu fragment kodu z szablonu CSS

[HTML] pobierz, plaintext 
#clock {
	position: absolute; right:36px; top:16px;
	color:#C47DD1;
	border: solid 2px #1D330A;
	width:30px;
 
}
 
#date{
	position: absolute; right:36px; top:22px;
	color:#C47DD1;
	border: solid 2px #1D330A;
	width:30px;
}
[HTML] pobierz, plaintext 

[gargamel]

1 linia : <div id="clock"></div> i wtedy spróbuj.

Edit:

Działający gotowiec:

[PHP] pobierz, plaintext 
<div id="clock"></div>
 
<div id="date">
<script type='text/javascript'>
 
Stamp = new Date();
year = Stamp.getYear();
if (year < 2000) year = 1900 + year;
document.write(Stamp.getDate()  +"/"+(Stamp.getMonth() + 1) + "/"+ year);
</SCRIPT>
</div>
<script type='text/javascript'>
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >24) ? hours -24 :hours)
if (timeValue == "0") timeValue = 12;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 24) ? " " : " "
//document.clock.face.value = timeValue;
document.getElementById('clock').innerHTML = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock() {
stopclock();
showtime();
}
// End -->
startclock();
</SCRIPT>
[PHP] pobierz, plaintext 

Ten post edytował gargamel 12.02.2011, 17:38:01

[kubakuba]

Ok zmieniłem pierwszą linijkę i wszystko jest w porządku!

Dziękuję bardzo!