Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] wyszukiwanie i obsluga kilku przyciskow
MorF
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 20.03.2005
Skąd: Warszawa

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


Witajcie mam na swojej stronie kilka takich elementow ktore user moze sobie pokazywac/ukrywac

  1. <A id="PomocBtn" HREF="#">Pomoc</A>
  2. <div id="PomocTresc">
  3. Tresc</div>
  4.  
  5. <A id="NotowaniaBtn" HREF="#">Notowania</A>
  6. <div id="NotowaniaTresc">
  7. Tresc</div>
  8.  
  9. <A id="KontaktBtn" HREF="#">Kontakt</A>
  10. <div id="KontaktTresc">
  11. Tresc</div>
  12. ...

takich 'bloczkow' jest dynamiczna ilosc, w zaleznosci od podstrony na ktorej sie znajduje, chcialbym z gory napisac tak zeby kazdy
"przycisk" z id= "XXXBtn" oblsugiwal diva o id="XXXTresc"

czy jest cos takiego mozliwe? Napisalem taka funkcje ale chyba nie jest poprawna bo nie dziala
  1. $(document).ready(function(){
  2.  
  3.  
  4. $("div[id$='Btn']").click(function(event)
  5. {
  6.  
  7. $("div[id$='Btn']").each(function(i){
  8.  
  9. if ($("div[id$='Tresc']").is(":hidden"))
  10. {
  11. $("div[id$='Tresc']").slideDown("slow");
  12. } else {
  13. $("div[id$='Tresc']").slideUp("slow");
  14. }
  15. }
  16.  
  17. });
  18.  
  19. });


Bardzo dziekuje za pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Hmm, a nie możesz nadać tym klawiszom klasy...?

Wtedy dużo łatwiej byłoby zbindować zdarzenia, wtedy odczytujesz id z przycisku i podstawiasz:
Kod
$('#button'+id)...
Go to the top of the page
+Quote Post
MorF
post
Post #3





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 20.03.2005
Skąd: Warszawa

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


Cytat(erix @ 2.03.2009, 22:42:41 ) *
Hmm, a nie możesz nadać tym klawiszom klasy...?

Wtedy dużo łatwiej byłoby zbindować zdarzenia, wtedy odczytujesz id z przycisku i podstawiasz:
Kod
$('#button'+id)...


Ok troche zmienilem kod teraz jest
  1. <A id="PomocBtn" HREF="#">Pomoc</A>
  2. <div id="PomocBtnTresc">
  3. Tresc</div>
  4.  
  5. <A id="NotowaniaBtn" HREF="#">Notowania</A>
  6. <div id="NotowaniaBtnTresc">
  7. Tresc</div>
  8.  
  9. <A id="KontaktBtn" HREF="#">Kontakt</A>
  10. <div id="KontaktBtnTresc">
  11. Tresc</div>
  12. ...


a funkcje napisalem tak
  1. $("a[id$='Btn']").click(function()
  2. {
  3.  
  4. if ($($(this).attr('id')+'Tresc').is(":hidden"))
  5. {
  6. $(
  7. $(this).attr('id')
  8. +'Tresc').slideDown("slow");
  9. } else {
  10. $(
  11. $(this).attr('id')
  12. +'Tresc').slideUp("slow");
  13. }
  14.  
  15.  
  16. });

ale choroba nadal nie dziala ;/
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: 9.10.2025 - 19:20