[PHP]Checkbox i ukrywanie DIV

[PHP]Checkbox i ukrywanie DIV

gawcio90 Zobacz profil	21.11.2013, 13:35:45 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. [PHP] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> $(document).ready(function(){ $(".hidden").hide(); $("input.trigger").click(function(){ $(this).next(".hidden").slideToggle("slow,"); }); }); </script> </head> <body> <form action="test.php" method="post" enctype="multipart/form-data" name="form1"> <input type="checkbox" name="div1" value="div1" class="trigger" onClick="document.form1.div2.disabled=!document.form1.div2.disabled">div1 <div class="hidden"> Div1 </div> <input type="checkbox" name="div2" value="div2" class="trigger" onClick="document.form1.div1.disabled=!document.form1.div1.disabled">div2 <div class="hidden"> Div2 </div> </form> </body> </html> [PHP] pobierz, plaintext 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.

Odpowiedzi (1 - 2)

maviozo Zobacz profil	21.11.2013, 14:18:57 Post #2
Grupa: Zarejestrowani Postów: 197 Pomógł: 24 Dołączył: 22.11.2010 Ostrzeżenie: (0%)	W takim przypadku nie używaj hide(), tylko ustawiaj opacity na 0.

gawcio90 Zobacz profil	21.11.2013, 16:42:38 Post #3
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 27.03.2013 Ostrzeżenie: (0%)	Nie rozumiem, co to zmienia? Div 2 i tak znajduje się pod Div1 Chciałbym uzyskać coś takiego: [PHP] pobierz, plaintext <input type="checkbox" name="div1" value="div1" class="trigger" onClick="document.form1.div2.disabled=!document.form1.div2.disabled">div1 <input type="checkbox" name="div2" value="div2" class="trigger" onClick="document.form1.div1.disabled=!document.form1.div1.disabled">div2 <div class="hidden"> Div1 </div> <div class="hidden"> Div2 </div> [PHP] pobierz, plaintext Tylko jak zrobić aby pierwszy input wiedział, że po kliknięciu ma pokazać Div1, jak dodać jakieś id do tego? Poradziłem sobie, wygląda to tak: [PHP] pobierz, plaintext <script type="text/javascript"> $(document).ready(function(){ $(".hidden").hide(); $(".hidden1").hide(); $("input.trigger").click(function(){ $(".hidden").slideToggle("slow,"); }); $("input.trigger1").click(function(){ $(".hidden1").slideToggle("slow,"); }); }); </script> </head> <body> <form action="test.php" method="post" enctype="multipart/form-data" name="form1"> <input type="checkbox" name="div1" value="div1" class="trigger" onClick="document.form1.div2.disabled=!document.form1.div2.disabled">div1 <input type="checkbox" name="div2" value="div2" class="trigger1" onClick="document.form1.div1.disabled=!document.form1.div1.disabled">div2 <div class="hidden"> Div1 </div> <div class="hidden1"> Div2 </div> </form> [PHP] pobierz, plaintext Ten post edytował gawcio90 21.11.2013, 19:46:21

« Następny starszy · Przedszkole · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 25.08.2025 - 06:47

Hosting zapewnia

Forum PHP.pl