Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][Java]toggle jquery., ukrywanie i pokazywanie jednego diva o id=idpobranym z bazy danych
thurinon
post
Post #1





Grupa: Zarejestrowani
Postów: 55
Pomógł: 2
Dołączył: 8.10.2009

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


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
  1. <tr class="relative">
  2. <td>'.$r['id'].'</td>
  3. <td>'.$r['name'].'</td>
  4. <td>'.$r['wynik'].'</td>
  5. <td><div class="boxin"></div><div class="boxin1"></div></td>
  6. </tr>
  7.  
  8. ';

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:
  1. <tr class="relative">
  2. <td>'.$r['id'].'</td>
  3. <td>'.$r['name'].'</td>
  4. <td>'.$r['wynik'].'</td>
  5. <td><div class="boxin'.$r['id'].'"></div><div class="boxin1_'.$r['id'].'"></div></td>
  6. </tr>
  7. ';

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 (IMG:style_emoticons/default/smile.gif)


PS. z Tym gotowcem to żart ;-]

Ten post edytował thurinon 28.01.2011, 15:17:06
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
thurinon
post
Post #2





Grupa: Zarejestrowani
Postów: 55
Pomógł: 2
Dołączył: 8.10.2009

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


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
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: 6.10.2025 - 15:15