Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][PHP][Jquery] Generowanie listy + toggle.
-NocnyMarek-
post
Post #1





Goście







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.
Go to the top of the page
+Quote Post
jaslanin
post
Post #2





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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


http://api.jquery.com/next/

używając tego wyświetlaj jedynie następujący po aktualnie klikniętym element


--------------------
Good luck and happy PHP'ing
Go to the top of the page
+Quote Post
-NocnyMarek-
post
Post #3





Goście







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>

Go to the top of the page
+Quote Post
Evinek
post
Post #4





Grupa: Zarejestrowani
Postów: 280
Pomógł: 46
Dołączył: 23.03.2010

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


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 10:44