Forum PHP.pl > [JavaScript]Jquery prev() next()zablokowanie odnośnika.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Jquery prev() next()zablokowanie odnośnika.

arzach

3.08.2009, 16:26:51

Witam mam taki kod

[HTML] pobierz, plaintext 
<script>
  $(document).ready(function(){
 
    var $poprzedni = $("#start");
    $poprzedni.removeClass("ukryj");
    $("#poprzedni").click(function () {
      $poprzedni = $poprzedni.prev();
      $("div").addClass("ukryj");
      $poprzedni.removeClass("ukryj");
    });
 
    $("#dalej").click(function () {
      $poprzedni = $poprzedni.next();
      $("div").addClass("ukryj");
      $poprzedni.removeClass("ukryj");
    });
 
  });
  </script>
  <style>
.ukryj {
display: none;
} 
 
  </style>
</head>
<body>
  <div class="ukryj" id="start">test</div>
  <div class="ukryj">test1</div>
  <div class="ukryj">test2</div>
  <div class="ukryj">test3</div>
  <div class="ukryj">test4</div>
  <div class="ukryj">test5</div>
  <div class="ukryj">test6</div>
  <div class="ukryj" id="koniec">test7</div>
  <p id="poprzedni">Poprzedni</p>
  <p id="dalej">Nastepny</p>
</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ć ?

erix

3.08.2009, 17:34:26

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.

arzach

3.08.2009, 18:00:25

Rozwiązałem to tak

[HTML] pobierz, plaintext 
<script>
  $(document).ready(function(){
 
    var $poprzedni = $("#start");
    $poprzedni.removeClass("ukryj");
    $("#poprzedni").click(function () {
      if(($poprzedni).attr("id") !== "start") {
      $poprzedni = $poprzedni.prev();
      $("div").addClass("ukryj");
      $poprzedni.removeClass("ukryj");
    }
    });
 
    $("#dalej").click(function () {
      if(($poprzedni).attr("id") !== "koniec") {
      $poprzedni = $poprzedni.next();
      $("div").addClass("ukryj");
      $poprzedni.removeClass("ukryj");
    }
    });
 
  });
  </script>
  <style>
.ukryj {
display: none;
} 
 
  </style>
</head>
<body>
  <div class="ukryj" id="start">test</div>
  <div class="ukryj">test1</div>
  <div class="ukryj">test2</div>
  <div class="ukryj">test3</div>
  <div class="ukryj">test4</div>
  <div class="ukryj">test5</div>
  <div class="ukryj">test6</div>
  <div class="ukryj" id="koniec">test7</div>
  <p id="poprzedni">Poprzedni</p>
  <p id="dalej">Nastepny</p>
</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

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.