Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS][JavaScript] Dlaczego js nie dziala?
Forum PHP.pl > Forum > Przedszkole
Gość
Witam

chcialbym sie zapytac. bo pewnie ktos zna odpowiedz na to pytanie....

mam taki skrypt...

czesc js wrzucam w head
a druga czesc wedruje do body...

jezeli strona jest pusta wszystko ok, ale jzeli wrzucam to w moja strone php to nie widze zadnego efektu...

o co moze z tym chodzic:)?

dziekuje za odpowiedzi

  1. <script type="text/javascript">
  2. <!-- <![CDATA[
  3. function zegar() {
  4. var teraz = new Date().getTime()/1000; // aktualna data
  5. var dzien = new Date(2009,11,31,23,59,59).getTime()/1000; //
  6.  
  7. // wyliczanie roznicy
  8. var sekund = Math.abs(teraz-dzien);
  9. var minut = Math.floor(sekund/60);
  10. var godzin = Math.floor(minut/60);
  11. var dni = Math.floor(godzin/24);
  12. var lat = Math.floor(dni/365);
  13.  
  14. // wyliczanie calego okresu
  15. sekund = Math.floor(sekund-minut*60);
  16. minut = Math.floor(minut-godzin*60);
  17. godzin = Math.floor(godzin-dni*24);
  18. dni = Math.floor(dni-lat*365);
  19.  
  20. var roznica="<b>lat:</b> "+lat+" <b>dni:</b> "+dni+"; <b>godzin:</b> "+
  21. godzin+" <b>minut:</b> "+((minut<10)?"0":"")+minut+
  22. " <b>sekund:</b> "+((sekund<10)?"0":"")+sekund;
  23. document.getElementById("okienko").innerHTML =
  24. "Do końca roku 2006 zostało<br />"+roznica;
  25. if (teraz<dzien) {
  26. setTimeout("zegar()",1000);
  27. } else {
  28. document.getElementById("okienko").innerHTML = "Mamy Nowy Rok!";
  29. }
  30. }
  31. zegar();
  32. // ]]> -->
  33.  
  34. <div id="okienko" style="text-align:center;"></div>
  35. </body>
ayeo
Witam!
Sprawa jest jasna! Wywołujesz funkcję zegar zanim załadujesz treść strony. Wywala błąd, że nie ma elementu o id "okienko". Jedyne co musisz zrobić to wyrzucić wywołanie funkcji zegar(); spomiędzy znaczników SCRIPT, a z body robisz coś takiego:
Kod
<body onload="zegar()">


I to wszystko, śmiga jak trzeba winksmiley.jpg
Pozdrawiam!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.