Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Jquery prev() next()zablokowanie odnośnika.
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Witam mam taki kod

[HTML] pobierz, plaintext 
  1. <script>
  2.   $(document).ready(function(){
  3.  
  4.     var $poprzedni = $("#start");
  5.     $poprzedni.removeClass("ukryj");
  6.     $("#poprzedni").click(function () {
  7.       $poprzedni = $poprzedni.prev();
  8.       $("div").addClass("ukryj");
  9.       $poprzedni.removeClass("ukryj");
  10.     });
  11.  
  12.     $("#dalej").click(function () {
  13.       $poprzedni = $poprzedni.next();
  14.       $("div").addClass("ukryj");
  15.       $poprzedni.removeClass("ukryj");
  16.     });
  17.  
  18.   });
  19.   </script>
  20.   <style>
  21. .ukryj {
  22. display: none;
  23. } 
  24.  
  25.   </style>
  26. </head>
  27. <body>
  28.   <div class="ukryj" id="start">test</div>
  29.   <div class="ukryj">test1</div>
  30.   <div class="ukryj">test2</div>
  31.   <div class="ukryj">test3</div>
  32.   <div class="ukryj">test4</div>
  33.   <div class="ukryj">test5</div>
  34.   <div class="ukryj">test6</div>
  35.   <div class="ukryj" id="koniec">test7</div>
  36.   <p id="poprzedni">Poprzedni</p>
  37.   <p id="dalej">Nastepny</p>
  38. </body>
[HTML] pobierz, plaintext




I jak mogę zablokować odnośnik poprzedni jeśli znajdujemy się na div o id start oraz zablokować odnośnik następny gdy znajdujemy się na div o id koniec.



Działanie można zobaczyć na

http://www.fusion.boo.pl/pre.htm

Czyli gdy klikniemy na następny a potem na poprzedni to działa ale gdy od razu klikniemy na poprzedni to nic nie wyświetla dlatego chce zblokować odnośnik gdy znajdujemy się na div o id start oraz o id koniec jak mogę to zrobić ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
I jak mogę zablokować odnośnik poprzedni jeśli znajdujemy się na div o id start oraz zablokować odnośnik następny gdy znajdujemy się na div o id koniec.

Daj sobie jakąś zmienną globalną, np. blokada - i jeżeli false -> wtedy button się nie wykonuje.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
arzach
post
Post #3





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Rozwiązałem to tak 
[HTML] pobierz, plaintext 
  1. <script>
  2.   $(document).ready(function(){
  3.  
  4.     var $poprzedni = $("#start");
  5.     $poprzedni.removeClass("ukryj");
  6.     $("#poprzedni").click(function () {
  7.       if(($poprzedni).attr("id") !== "start") {
  8.       $poprzedni = $poprzedni.prev();
  9.       $("div").addClass("ukryj");
  10.       $poprzedni.removeClass("ukryj");
  11.     }
  12.     });
  13.  
  14.     $("#dalej").click(function () {
  15.       if(($poprzedni).attr("id") !== "koniec") {
  16.       $poprzedni = $poprzedni.next();
  17.       $("div").addClass("ukryj");
  18.       $poprzedni.removeClass("ukryj");
  19.     }
  20.     });
  21.  
  22.   });
  23.   </script>
  24.   <style>
  25. .ukryj {
  26. display: none;
  27. } 
  28.  
  29.   </style>
  30. </head>
  31. <body>
  32.   <div class="ukryj" id="start">test</div>
  33.   <div class="ukryj">test1</div>
  34.   <div class="ukryj">test2</div>
  35.   <div class="ukryj">test3</div>
  36.   <div class="ukryj">test4</div>
  37.   <div class="ukryj">test5</div>
  38.   <div class="ukryj">test6</div>
  39.   <div class="ukryj" id="koniec">test7</div>
  40.   <p id="poprzedni">Poprzedni</p>
  41.   <p id="dalej">Nastepny</p>
  42. </body>
[HTML] pobierz, plaintext

i działa dobrze tylko jest problem bo teraz każdemu div nadaje klasę ukryj a nie tylko tym od start do koniec wie ktoś jak mogę rozwiązać to by dodawało tylko od div od id start do div o id koniec.

przykład działania http://www.fusion.boo.pl/pre.htm

Ten post edytował arzach 3.08.2009, 18:01:15
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 07:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn