Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]wykonanie czegoś z opóźnieniem.
robos85
post
Post #1





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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


Chcę zrobić coś na zasadzie newsflasha. Mam zamiar załadować do dokumentu 5 divów z treścią. 4 z nich są display:none. i co np 5 sek chcę dla aktualnego diva wyłączyć to display, a dać je następnemu.
Jak takie coś zrobić?


Ma to być takie najprostsze, jedno się pojawia, reszta znika i tak w kółko
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
chemik1982
post
Post #2





Grupa: Zarejestrowani
Postów: 91
Pomógł: 13
Dołączył: 20.03.2007
Skąd: Bydgoszcz

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


Z wykorzystaniem prototype'a. Dalej sobie dopracujesz.
prototype
  1. <head>
  2. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  3. <script src="js/prototype.js" type="text/javascript"></script>
  4. function changeDiv(){
  5. if ($('test_1').visible()){
  6. $('test_2').show();
  7. $('test_1').hide();
  8. }
  9. else{
  10. $('test_1').show();
  11. $('test_2').hide();
  12. }
  13. }
  14. new PeriodicalExecuter(changeDiv, 3);
  15. </script>
  16. </head>
  17. <body >
  18. <div id="test_1">treść 1</div>
  19. <div id="test_2" style="display:none">treść 2</div>
  20. </body>
  21. </html>


--------------------
fitmate.pl - aplikacje internetowe
Go to the top of the page
+Quote Post
robos85
post
Post #3





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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


dzięki, o taki efekt mi chodziło:)
a idąc tym tropem dalej, jak mogę do 1 konkretnego diva - wykorzystując to co wyżej przypisywać zawartość innych divów? Wtedy bym zrobił 5 niewidocznych div i do 1 głównego po kolei wartości wsadzał. Nie musiałbym z pozycjami kombinować poszczególnych divów

EDIT:
Zrobiłem takie coś i mi nie działa:
  1. <script type="text/javascript">
  2. function changeDiv(){
  3. if ($('n1').visible()){
  4. $('n2').show();
  5. $('n1').hide();
  6. }
  7. if ($('n2').visible()){
  8. $('n3').show();
  9. $('n2').hide();
  10. }
  11. if ($('n3').visible()){
  12. $('n4').show();
  13. $('n3').hide();
  14. }
  15. if ($('n4').visible()){
  16. $('n5').show();
  17. $('n4').hide();
  18. }
  19. if ($('n5').visible()){{
  20. $('n1').show();
  21. $('n5').hide();
  22. }
  23. }
  24. new PeriodicalExecuter(changeDiv, 3);
  25.  
  26. <div id="n1">
  27. 1111111111111
  28. </div>
  29. <div id="n2" style="display:none;">
  30. 2222222222222
  31. </div>
  32. <div id="n3" style="display:none;">
  33. 33333333333
  34. </div>
  35. <div id="n4" style="display:none;">
  36. 4444444444444
  37. </div>
  38. <div id="n5" style="display:none;">
  39. 55555555555555
  40. </div>


Ten post edytował robos85 10.10.2008, 11:19:58
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 05:18