Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP][Jquery] Generowanie listy + toggle.
Forum PHP.pl > Forum > Przedszkole
NocnyMarek
Witam. Mam taką sytuację, że generuję pewną listę i chiałbym, żeby po kliknięciu w którąś z opcji za pomocą toggle z jquery wysuwało się coś i pisały dodatkowe infomacje.

  1. <?php
  2. if (mysql_num_rows($rekordy) > 0){
  3. while ($row = mysql_fetch_array($rekordy)) {
  4. $rank = mysql_fetch_array(mysql_query("SELECT `login`, `post` FROM `users` WHERE `id`='".$row['id']."'"));
  5. echo '<a class="pokazInfo">'.$rank['login'].'</a>
  6. <span class="pokazWiecej">
  7. <br>Posty: '.$rank['posty'].'
  8. </span>';
  9. }
  10. }
  11. else{
  12. echo '&raquo; Brak użytkowników w rankingu.<br>';
  13. }
  14. ?>


tutaj plik func.js

  1. $("span.pokazWiecej").hide();
  2. $("a.pokazInfo").click(function() {
  3. $("span.pokazWiecej").toggle();
  4. });


No i to działa, ale tylko na jednym rekordzie ;/
Myślałem, żeby dodawać liczbę do class w petli while.

np.

  1. <?php
  2. $i++;
  3. echo '<a class="pokazInfo'.$i.'">';
  4. ?>


ale takto muszę generować za każdym razem

  1. $("span.pokazWiecej'.$i.'").hide();
  2. $("a.pokazInfo'.$i.'").click(function() {
  3. $("span.pokazWiecej'.$i.'").toggle();
  4. });


przy 100 rekordach to będzie beznadziejne rozwiązanie, na pewno jest inny sposob, tylko jaki?wink.gif bo od niedawna zajmuje sie jquery i do konca nie ogarniam

dzieki z gory.
jaslanin
http://api.jquery.com/next/

używając tego wyświetlaj jedynie następujący po aktualnie klikniętym element
NocnyMarek
Męcze się i mi nie wychodzi porządany efekt..

Mógłbyś mi pokazać jak to zrobić na tym przykładzie?

  1. <span class="nazwa">kliknij tutaj#1</span><br>
  2. <span class="info">info#1<br></span>
  3. <span class="nazwa">kliknij tutaj#2</span><br>
  4. <span class="info">info#2<br></span>

Evinek
http://ferrante.pl/frontend/javascript/jquery-to-latwe-1/
Przeczytaj.

W tym tutorialu znajdziesz (na trzeciej stronie) przykład:
http://ferrante.pl/examples/jquery/jQuery_3a.html

Możesz się pobawić jeszcze z tym.
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.