Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Wyświetlanie div w trybie ciągłym. Odporne na odświeżanie
ksiezulekwwo
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 14.04.2012

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


Witam wszystkich
Od paru dni piszę stronę inetrnetową i potrzebuję skryptu który będzie na samym początku chował a potem po kolei wyświetlał divy.
Zastosowałem jquery no i wyszło:

  1. $(document).ready(function() {
  2. $("div.a1").slideUp(0).delay(100000).fadeIn(400);
  3. $("div.a2").slideUp(0).delay(90000).fadeIn(400);
  4. $("div.a3").slideUp(0).delay(80000).fadeIn(400);
  5. $("div.a4").slideUp(0).delay(70000).fadeIn(400);
  6. $("div.a5").slideUp(0).delay(60000).fadeIn(400);
  7. $("div.a6").slideUp(0).delay(50000).fadeIn(400);
  8. $("div.a7").slideUp(0).delay(40000).fadeIn(400);
  9. $("div.a8").slideUp(0).delay(30000).fadeIn(400);
  10. $("div.a9").slideUp(0).delay(20000).fadeIn(400);
  11. $("div.a10").slideUp(0).delay(10000).fadeIn(400);
  12. });

Jak widzimy skrypt wyświetla kolejne divy po określonym czasie, jednak ja chciałbym aby te divy były wyświetlane w sposób ciągły tj. nawet po odświeżeniu lub opuszczeniu chwilowo strony, a mój skrypt rzecz jasna zaczyna pracę od nowa po każdym ponownym załadowaniu. No i tutaj bardzo prosiłbym o jakąś pomoc, myślałem że może można coś z cookies porobić jednak nic mi nie wychodzi a nie chciałbym podpinać pod to żadnego php. Będę wdzięczny chociaż za jakieś sugestie jak to można zrobić, gdyż w jquery pracuję dopiero 1 dzień (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

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


Czyli za pierwszym razem, gdy użytkownik odwiedza stronę to ma mu zadziałać skrypt, a później już ma być cały czas widoczne normalnie tak?
Najbardziej pasowałoby tu utworzyć zmienną sesyjną.

  1. <?php
  2. ?>
  3. <html>
  4. <head>
  5. <script type="text/javascript" src="jquery.js"></script>
  6. <script type="text/javascript">
  7. $(function(){
  8. <?php
  9. if(isset($_SESSION['skrypt'])) {
  10. echo 'var skrypt_start = 1;';
  11. } else {
  12. $_SESSION['skrypt'] = 1;
  13. echo 'var skrypt_start = 0;';
  14. }
  15. ?>
  16. if(skrypt_start == 1) {
  17. $("div.a1").slideUp(0).delay(100000).fadeIn(400);
  18. $("div.a2").slideUp(0).delay(90000).fadeIn(400);
  19. $("div.a3").slideUp(0).delay(80000).fadeIn(400);
  20. $("div.a4").slideUp(0).delay(70000).fadeIn(400);
  21. $("div.a5").slideUp(0).delay(60000).fadeIn(400);
  22. $("div.a6").slideUp(0).delay(50000).fadeIn(400);
  23. $("div.a7").slideUp(0).delay(40000).fadeIn(400);
  24. $("div.a8").slideUp(0).delay(30000).fadeIn(400);
  25. $("div.a9").slideUp(0).delay(20000).fadeIn(400);
  26. $("div.a10").slideUp(0).delay(10000).fadeIn(400);
  27. }
  28. });
  29. </script>
  30. ...


To jedna z możliwości.

Pozdrawiam.
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: 10.10.2025 - 03:03