[PHP][Java]toggle jquery., ukrywanie i pokazywanie jednego diva o id=idpobranym z bazy danych Opcje

[thurinon]

Witam. Od razu do pytania przejdę:
Oto kod.

Kod

    $(".boxin1").click(function(){    
            $(".boxin").show(500);        
        });

    $(".boxin").click(function(){    
            $(".boxin").hide('normal');        
        });
});

A oto fragment kodu php

[PHP] pobierz, plaintext 
echo'
  <tr class="relative">
    <td>'.$r['id'].'</td>
    <td>'.$r['name'].'</td>
    <td>'.$r['wynik'].'</td>
    <td><div class="boxin"></div><div class="boxin1"></div></td>
  </tr>
 
';
[PHP] pobierz, plaintext 

Ogólnie chodzi o to, że klikając na diva o klasie .boxin1 pokazuję diva o kalasie boxin, i kiedy kliknę na boxin to boxin znika. To jest dla mnie prostew i zrozumiałe. Ale takich div będzie co najmniej kilka, będą się zmieniać, i są generowane z bazy danych. jeżeli wierszy w tabeli jest więcej, to klikając w boxin1 wyświetlam div o klasie boxin1 w każdym z tych wierszy tabeli, jeżeli przerobię to na id zamiast class, to musialbym stworzyć kilka(naście) takich funkcji.

Ja bym chciał tak:

[PHP] pobierz, plaintext 
echo'
  <tr class="relative">
    <td>'.$r['id'].'</td>
    <td>'.$r['name'].'</td>
    <td>'.$r['wynik'].'</td>
    <td><div class="boxin'.$r['id'].'"></div><div class="boxin1_'.$r['id'].'"></div></td>
  </tr>
';
[PHP] pobierz, plaintext 

I żeby funkcja JS sama wiedziała że gdy kliknę boxin1_12 to ma wyświetlić diva o id boxin12.
Jakieś porady wskazówki gotowiec*? ;-)

Z góry dzięki za pomoc i pozdrawiam

PS. z Tym gotowcem to żart ;-]

Ten post edytował thurinon 28.01.2011, 15:17:06

[Wicepsik]

[JAVASCRIPT] pobierz, plaintext 
    $(".boxin").click(function(){    
            $(this).show(500);        
        });
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Wicepsik 27.01.2011, 20:05:03

[thurinon]

Znalazłem coś takiego:

Kod

<script>
        
$("div.boxin").click(function(){
var id =  $(this).attr("id")
       $("div#showed".id).toggle("500");
           });

//div klikany ma id="1" a div który ma się pokazać ma id="showed1"
</script>

teoretycznie powinno działać, ale nie działa. Zero reakcji ;/

@Wicepsik Dzięki za zainteresowanie, ale po pierwszym kliknięciu , div znika, i nie da się go "pojawić" ponownie. chyba że poprzednią metodą, ale wtedy przywracam wszystkie divy.

Ten post edytował thurinon 27.01.2011, 22:24:45

[wookieb]

Boże wszechmocny dodaj mi sił...
Sprawdź konsolę błędów bo masz błąd składni.

[thurinon]

Gotowe

@wookieb No dobra przepraszam, ale strasznie zmęczony byłem i nie miałem siły już grzebać, a o JS nie wiem praktycznie nic. Ale i tak kliknę pomógł bo pomogła Twoja rada

a to dla potomnych:
Dla takiej tabelki -

[PHP] pobierz, plaintext 
// Tabelka generowana w pętli na podstawie danych z bazy
echo'
  <tr class="relative">
    <td>'.$r['bills_id'].'</td>  //przykładowo id="1"
    <td>'.$r['bills_name'].'</td>
    <td>'.$r['wynik'].'</td>
    <td>
        <div class="boxin" id="'.$r['bills_id'].'"> </div> //div klikany, Jeżeli go klikniemy, zniknie div id="showed1" po ponownym kliknięciu, id="showed1" pojawi się ponownie.
        <div class="boxin1" id="showed'.$r['bills_id'].'"></div> // a Tutaj div którego raz pokazujemy, a raz ukrywamy
     </td>
  </tr>
';
 
//jak ktoś to skopiuje żywcem to nie zadziała ze względu na komentarze :-]
[PHP] pobierz, plaintext 

a Poniżej taki kodzik JS który za wszystko odpowiada

Kod

<script>
        
$("div.boxin").click(function(){
var id =  $(this).attr("id"); //pobieranie id klikniętego elementu
       $("div#showed"+id).toggle("500"); // Dopisywanie id klikniętego elementu, do id elementu ukrywanego || Tutaj to 500 to szybkość z jaką pojawia się i znika nasz div
           });
</script>
//jak ktoś to skopiuje żywcem to nie zadziała ze względu na komentarze :-]

No i w ten sposób, bez względu na ilość divóv do pokaż/ukryj zawsze pojawia się jeden o odpowiednim div ;-)