Désactiver un text area

Version imprimable

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

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.

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:

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>

J'en ai profité pour corriger quelques erreurs par ci par là

J'espère que cela correspond bien à tes attentes, si tu as des questions n'hésites pas.

03/11/2007, 12h01
bassam0205

Merci pour ton aide c'est exactement ce que je cherchais. ;)
26/06/2009, 16h08

Merci aussi ca m'a bien aidé !