Comment faire apparaitre puis cacher un textre???

Version imprimable

Bonjour, lorsque je coche la case, zone de texte disparait mais je n'ai aucune idée de la méthode pour faire disparaitre le libéllé (Adresse : ) de ma zone de texte...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
<title></title>
 
<script language="javascript">
function affich(choix)
{
if(choix.checked==true)
	{
	alert("test");
	formclt("AdrNumSite").style.visibility = "visible";
	}
	else
	{
	alert("test");
	formclt("AdrNumSite").style.visibility = "hidden";
	}
}
 
function cacheSite()
{
formclt("AdrNumSite").style.visibility = "hidden";
}
</script>
 
</head>
 
<body onLoad='cacheSite()'>
<form name="formclt" method="POST" action='InsertClt.php'>
L'adresse du site est différente de l'adresse du client : <input type='checkbox' name='choix' unchecked onClick='affich(this)'><br>
Adresse : <input type='text' name='AdrNumSite' size='2'>
</form>
 
</body>
</html>

01/06/2005, 16h43
fred777888999

Mets la dans un div (avec un id), recherche ce div avec document.getElementById et applique lui un style.visibility hidden ou visible.
01/06/2005, 16h44
Leimi

Merci, j'essaye. :D

Comme ça??
Ca marche pas...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<html>
<head>
	<title></title>
 
<script language="javascript">
function affichSite(choix)
{
if(choix.checked==true)
	{
	alert("test");
	formclt("AdrNumSite").style.visibility = "visible";
	document.formclt.getElementById("adr").style.visibility="visible";
	}
	else
	{
	alert("test");
	formclt("AdrNumSite").style.visibility = "hidden";
	document.formclt.getElementById("adr").style.visibility="hidden";
	}
}
 
function cacheSite()
{
formclt("AdrNumSite").style.visibility = "hidden";
document.formclt.getElementById("adr").style.visibility="hidden";
}
</script>
 
</head>
 
<body onLoad='cacheSite()'>
<form name="formclt" method="POST" action='InsertClt.php'>
L'adresse du site est différente de l'adresse du client : <input type='checkbox' name='choix' unchecked onClick='affichSite(this)'><br>
<div id="adr">Adresse : </div><input type='text' name='AdrNumSite' size='2'>
</form>
 
</body>
</html>

salut

t'aime bien te compliquer la vie, dis donc!

Le script:

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function affichSite(choix){ 
vis = choix.checked ? "visible" : "hidden";
 
document.getElementById("t").style.visibility=vis; 
document.getElementById("adr").style.visibility=vis; 
}
 
</script>

Le formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
<form id="formclt" method="post" action="InsertClt.php"> 
<p>
L'adresse du site est différente de l'adresse du client : 
<input type="checkbox" name="choix" onClick="affichSite(this)" />
</p> 
<p>
<label for="t" id="adr">Adresse : </label>
<input type="text" name="AdrNumSite" id="t" size="2" />
</p> 
</form>

02/06/2005, 08h56
Leimi

Merci ça marche
02/06/2005, 10h07
Calak

Ca marche et c'est plus propre d'utiliser le Label pour le libellé, chose qu'il a faite ;)