Forum PHP.pl > [PHP]Checkbox i ukrywanie DIV

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP]Checkbox i ukrywanie DIV

gawcio90

21.11.2013, 13:35:45

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.

maviozo

21.11.2013, 14:18:57

W takim przypadku nie używaj hide(), tylko ustawiaj opacity na 0.

gawcio90

21.11.2013, 16:42:38

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.