Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Wyświetlanie / Chowanie elementów za pomocą JavaScript (Show/Hide)
Forum PHP.pl > Forum > Przedszkole
Giluś
Hej, posiadam taki skrypt:
http://jsfiddle.net/nd9VL/


  1. <div id="guzik1">
  2. <div class="factive" id="guzik1a">+</div>
  3. <div class="fnactive" id="guzik2a">-</div>
  4. <div class="fnactive" id="guzik3a">-</div>
  5. </div>
  6.  
  7. <div id="guzik2">
  8. <div class="fnactive" id="guzik1a">-</div>
  9. <div class="factive" id="guzik2a">+</div>
  10. <div class="fnactive" id="guzik3a">-</div>
  11. </div>
  12.  
  13. <div id="guzik3">
  14. <div class="fnactive" id="guzik1a">-</div>
  15. <div class="fnactive" id="guzik2a">-</div>
  16. <div class="factive" id="guzik3a">+</div>
  17. </div>


  1. body {background: #000; color: #fff; margin: 50px;}
  2. .factive {width: 15px; height: 15px; float: left; margin-left: 30px;}
  3. .fnactive {width: 9px; height: 9px; float: left; margin-left: 30px;}


[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $("#guzik1").show();
  3. $("#guzik2").hide();
  4. $("#guzik3").hide();
  5.  
  6.  
  7. $("#guzik1a").click(function(){
  8. $("#guzik1").show();
  9. $("#guzik2").hide();
  10. $("#guzik3").hide();
  11. });
  12.  
  13.  
  14. $("#guzik2a").click(function(){
  15. $("#guzik1").hide();
  16. $("#guzik2").show();
  17. $("#guzik3").hide();
  18. });
  19.  
  20.  
  21. $("#guzik3a").click(function(){
  22. $("#guzik1").hide();
  23. $("#guzik2").hide();
  24. $("#guzik3").show();
  25. });
  26.  
  27.  
  28. });
[JAVASCRIPT] pobierz, plaintext


I chce zrobić tak, że w pierwszej sytuacji jest "+ - -", gdy naciśniemy na jakiś "-" to on się zmienia w "+" i jest dokładnie w tym samym miejscu gdzie wcześniej kliknęliśmy na "-" ..
Nie mam pojęcia, dlaczego w moim przykładzie nie za każdym razem da się zmieniać, może podpowiecie dlaczego ?


Pozdrawiam i z góry bardzo dziękuje za pomoc smile.gif
by_ikar
http://jsfiddle.net/nd9VL/2/
Giluś
Coś niezbyt dobrze to działa, ponieważ:
- Jak nacisnę na plusa to on przeskakuję w inne okienko.. a nie powinien..
- Jak przykładowo kliknąłem na środkowy guzik, a później na ten pierwszy z lewej strony, to " + " się pojawił w 'okienku' 3, a nie 1 - tam gdzie wcisnąłem..


Fakt, jak bym klikał jeden za drugim guzikiem to działa dobrze, ale jak zamieszam kolejność to już inaczej działa smile.gif


Pozdrawiam i z góry dziękuje za pomoc smile.gif
by_ikar
Bo nie wiedziałem jak ty chcesz to zrobić. Spojrzałem w kod, i nie do końca mi sie to pokrywało z opisem, więc improwizowałem. Nie wiem, coś takiego: http://jsfiddle.net/nd9VL/8/ ?
Giluś
Właśnie, o coś takiego mi chodziło smile.gif

Tylko, dobrze było by jeszcze, aby gdy jest wciśnięty "+" i klikniemy na niego to aby nic się nie działo, bo teraz jak mamy "+" i klikniemy na "+" to on się staje "-"
by_ikar
coś takiego http://jsfiddle.net/nd9VL/11/ ? nie do końca rozumie co próbujesz osiągnąć wink.gif
trueblue
Tak chyba chciał:
  1. /*if($(this).hasClass('_show'))
  2. {
  3. $(this).text('-').removeClass('_show');
  4. } else
  5. {
  6. */$(this).text('+').addClass('_show');
  7. //}
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.