Comment faire apparaitre puis cacher un textre???

**Leimi** · 01/06/2005, 16h37

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**fred777888999** · 01/06/2005, 16h43

Mets la dans un div (avec un id), recherche ce div avec document.getElementById et applique lui un style.visibility hidden ou visible.

**Leimi** · 01/06/2005, 16h44

Merci, j'essaye.

**Leimi** · 01/06/2005, 17h06

Comme ça??
Ca marche pas...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**javatwister** · 01/06/2005, 18h20

salut

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

Le script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>