Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inne][HTML]Jak zlikwidować kursor z formularza?, Kursor w formularzy w którym jest dynamiczny czas!
kubakuba
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 18.01.2011

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kubakuba
post
Post #2





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 18.01.2011

Ostrzeżenie: (0%)
-----


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

  1. <div id="clock">
  2. <div id="date">
  3.  
  4. <script>
  5.  
  6. Stamp = new Date();
  7. year = Stamp.getYear();
  8. if (year < 2000) year = 1900 + year;
  9. document.write(Stamp.getDate() +"/"+(Stamp.getMonth() + 1) + "/"+ year);
  10. </SCRIPT>
  11. </div>
  12. <script>
  13. var timerID = null;
  14. var timerRunning = false;
  15. function stopclock (){
  16. if(timerRunning)
  17. clearTimeout(timerID);
  18. timerRunning = false;
  19. }
  20. function showtime () {
  21. var now = new Date();
  22. var hours = now.getHours();
  23. var minutes = now.getMinutes();
  24. var seconds = now.getSeconds()
  25. var timeValue = "" + ((hours >24) ? hours -24 :hours)
  26. if (timeValue == "0") timeValue = 12;
  27. timeValue += ((minutes < 10) ? ":0" : ":") + minutes
  28. timeValue += ((seconds < 10) ? ":0" : ":") + seconds
  29. timeValue += (hours >= 24) ? " " : " "
  30. //document.clock.face.value = timeValue;
  31. document.getElementById('clock').innerHTML = timeValue;
  32. timerID = setTimeout("showtime()",1000);
  33. timerRunning = true;
  34. }
  35. function startclock() {
  36. stopclock();
  37. showtime();
  38. }
  39. // End -->
  40. </SCRIPT>
  41.  
  42. </div>


a tu fragment kodu z szablonu CSS

  1. #clock {
  2. position: absolute; right:36px; top:16px;
  3. color:#C47DD1;
  4. border: solid 2px #1D330A;
  5. width:30px;
  6.  
  7. }
  8.  
  9. #date{
  10. position: absolute; right:36px; top:22px;
  11. color:#C47DD1;
  12. border: solid 2px #1D330A;
  13. width:30px;
  14. }
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 27.12.2025 - 10:35