Forum PHP.pl

Witam!

W jaki sposób odwołać się do pojedynczego elementu jeśli skrypt js (jQuery) odwołuje się do wielu klas css. Poniżej przedstawiam kod.

Fragment html jest w pętli dlatego używam klasy css do opisania bloku "comments". Na jednej stronie będzie kilka produktów a do każdego z nich planuje zrobić niezależnie rozwijane komentarze kożystajace z tej samej funkcji js.

[HTML] pobierz, plaintext 
 <p class="show_comments">komentarze</p>
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">$(document).ready(function() {
 
 
 $('.comments').hide();
 $('.show_comments').hover(function() {
 	$('.comments').show();
 });
});
</script>
[HTML] pobierz, plaintext 

http://docs.jquery.com/Core/each#callback

musisz każdemu elementowi do którego chcesz się dostać nadać unikalne id

nie uzywam jQuerry ale jak w nawiasie dasz #idDiv zamaist .class to chyba zadziała ;] I wtedy w wywoływaniu funkcji przesyłasz parametr id div'a dla którego ma zajść dana akcja

Chodzi o to że nie chcę nadawać każdemu alementowi id poprzez argument id. Jeśli będę musiał nadać id do każdego bloku div to zrobię to prawdopodobnie w PHP.

nospor: chyba mnie nie zrozumiałeś ale dzięki za pomoc. Nie wiem jaki zastosowanie może mieć tutaj funkcja each. Codziło Tobie o dynamiczne nadanie argumentu id do kolejnych bloków div?

Pozdrawiam

to co ci podalem dotyczylo sie iteracji przez wszytkie elementy jakie masz na wybranej liscie.

moze sprobuj wyjasnic problem jeszcze raz.

Dla przykładu wrzuciłem kod z trzema blokami DIV. Kiedy użytkownik klikni w dany blok mają pojawić się komentarze ale tylko te przypisane do klikniętego bloku. Skrypt JS który zamieściłem powoduje rozwinięcie komentarzy we wszystkich blokach DIV a nie tylko w tym klikniętym. Jeszcze raz zaznaczam że nie chcę nadawać każdemu blokowi osobnego atrybutu ID. Jeżeli miałbym wprowadzić jakieś modyfikacje to raczej tylko do pliku JS. Pozdrawiam!

[HTML] pobierz, plaintext 
 <p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
 
<p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
 
<p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">$(document).ready(function() {
 
 
 $('.comments').hide();
 $('.show_comments').hover(function() {
 	$('.comments').show();
 });
});
</script>
[HTML] pobierz, plaintext 

Ten post edytował hmtt 30.09.2008, 15:32:05

możesz dla każdego diva nadać akcje onclick i tam wrzucić kod / funkcje która by wywoływała to że dany blok się rozwija/pojawia typu:



można wpleść jakis warunek bazujący na tym czy element jest widoczny lub nie i by wykonywało się hide/show

Nie tetsowałem takiego rozwiązania razem z jQuery więc tylko mówie jak to na logiczny sposób powinno zadziałać ;]

Ten post edytował melkorm 30.09.2008, 15:53:25

Niestety w grę wchodzi tylko jQuery Nie chcę mieć bezpośrednich odwołań do funkcji JS ze znaczników HTML. Dzięki za pomoc melkorm

Działa! Dzięki za pomoc nospor, jesteś GENIUSZEM