Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP]Checkbox i ukrywanie DIV
gawcio90
post
Post #1





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 27.03.2013

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


Witam,

Oto przykład programu pokazującego jednego Div-a lub innego.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  4. <html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <title></title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8.  
  9.  
  10.  
  11. <script type="text/javascript">
  12.  
  13. $(document).ready(function(){
  14. $(".hidden").hide();
  15. $("input.trigger").click(function(){
  16. $(this).next(".hidden").slideToggle("slow,");
  17. });
  18. });
  19. </script>
  20.  
  21. </head>
  22.  
  23. <body>
  24.  
  25. <form action="test.php" method="post" enctype="multipart/form-data" name="form1">
  26. <input type="checkbox" name="div1" value="div1" class="trigger" onClick="document.form1.div2.disabled=!document.form1.div2.disabled">div1
  27.  
  28. <div class="hidden">
  29. Div1
  30. </div>
  31.  
  32. <input type="checkbox" name="div2" value="div2" class="trigger" onClick="document.form1.div1.disabled=!document.form1.div1.disabled">div2
  33. <div class="hidden">
  34. Div2
  35. </div>
  36. </form>
  37. </body>
  38.  
  39. </html>


Mam problem taki, po naciśnięciu checkboxa(div1), div2 zostaje przesunięty na dół, chciałbym aby to było niezmienne. Nie wiem jak przerobić kod aby po naciśnięciu div1 div2 zostawał na swoim miejscu.

Macie jakieś pomysły?

Pozdrawiam.
Go to the top of the page
+Quote Post

Posty w temacie


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: 20.08.2025 - 15:29