Désactiver un text area

**bassam0205** · 03/11/2007, 09h25

Bonjour,
je suis entrin de developer une interface web contenant un formulaire :

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
 
<HTML>
<head>
<link rel="stylesheet" href="Webmin_fichiers/Refresh.css" type="text/css"><title>Acceuil</title>
</head>
<BODY>
<form name="f" method="POST" action="/Parefeu/ip">
<select name="choix">
<option value="1">Une seule adresse
<option value="2">Plage d'adresses
</select>
<INPUT TYPE="TEXT" NAME="ips">
<INPUT TYPE="TEXT" NAME="ipd">
<select name="act">
<option>ACCEPT
<option>DROP
</select>
<br>
<INPUT TYPE="submit" value="valider">
</BODY>
</HTML>

ce que je veux faire est desactivé le "ipd" en fonction de la valeur du champ "choix".
si la valeur est 1 le champ est avtivé sinon in est desactivé.

Merci d'avance.

**zave** · 03/11/2007, 11h30

Bonjour

Pour réaliser ta demande, le Javascript est la solution.

J'avoue ne pas avoir bien compris ce que tu voulais désactiver et dans quel cas, j'ai réalisé un exemple de ce que j'ai compris, tu pourras toujours le modifier pour l'adapter à ton besoin réel.

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="Webmin_fichiers/Refresh.css" type="text/css" />
<title>Acceuil</title>
<script type="text/javascript">
function ActiverChamps(choix) {
	if (choix.value==2) {
		choix.form.ipd.disabled=false;
		choix.form.ipd.focus();
	} else {
		choix.form.ipd.disabled=true;
	}
}
</script>
</head>
 
<body>
 
<form name="f" method="post" action="/Parefeu/ip">
<select name="choix">
<option value="1" onclick="ActiverChamps(this)">Une seule adresse</option>
<option value="2" onclick="ActiverChamps(this)">Plage d'adresses</option>
</select>
<input type="text" name="ips" />
<input type="text" name="ipd" value="champ &agrave; d&eacute;sactiver" disabled="disabled" />
<select name="act">
<option>ACCEPT</option>
<option>DROP</option>
</select>
<br />
<input type="submit" value="valider" />
</form>
</body>
</html>