Activer et désactiver les champs d’un formulaire

Version imprimable

bonjour tout le monde

je n'arrive pas à désactiver un champ si je click sur bouton

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
 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript"><!--
function activer() {
	document.form.prenom.disabled=false;
	document.form.nom.disabled=false;
	}
 
//-->
</SCRIPT>
 
 
</head>
<body>
<form action="" method="" name="form">
 
<input type="text" name="prenom" disabled="true" id="prenom" />
 
  <input type="submit" name="Submit"   value="rechercher" onfocus="desactiver()" />
 
 
</form>
 
 
</body>
</html>

24/04/2011, 11h20
vermine
Bonjour,

Tout d'abord, nous n'utilisons plus cette déclaration :
Code:

1 2 <SCRIPT LANGUAGE="JavaScript">
mais bien celle-ci :
Code:

1 2 <script type="text/javascript">
Ensuite, les boutons de type submit soumettent le formulaire. Donc lorsque vous cliquez dessus, la page se recharge avec ses valeurs par défaut.
Changez le submit en button et le onfocus en onclick.
24/04/2011, 14h18
Bovino

Code:

<input type="submit" name="Submit" value="rechercher" onfocus="desactiver()" />

Code:

function activer()

Tu te poses vraiment la question ? :aie:

mais ça donne rien toujours meme chose

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
 
 
 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript"><!--
function desactive() {
	document.form.prenom.disabled=false;
	document.form.nom.disabled=false;
	}
 
//-->
</SCRIPT>
 
 
</head>
<body>
<form action="" method="" name="form">
 
<input type="text" name="prenom" disabled="true" id="prenom" />
 
  <input type="submit" name="Submit"   value="rechercher" onfocus="desactiver()" />
 
 
</form>
 
 
</body>
</html>

il y a encore des fautes d'inattention tu appel la fonction desactiver avec un R a la fin alors qu'elle s'appel desactive sans R a la fin

et aussi vu que le tout est appeler a l'interieur d'un formulaire par le bouton de type submit a chaque appel la page est recharger et revient donc a l'etat dissable true
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 <!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"> <html> <head> <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> </head> <body> <form action="" method="" name="form"> <input type="text" name="prenom" disabled="true" id="prenom" /> <input type="text" name="prenom" disabled="true" id="nom" /> <input type="submit" name="Submit" value="rechercher" onfocus="desactive()" /> </form>
et comme il te l'a ete conseiller
Code:

1 2 <script type="text/javascript">

24/04/2011, 22h31
Bovino
En plus de ce qu'à déjà dit mekal,

Code:

<input type="text" name="prenom" disabled="true" id="prenom" />

L'unique valeur attendue en HTML pour l'attribut disabled est "disabled", en revanche, la propriété associée en JavaScript est de type booléen et vaut true ou false.
Ceci dit, si tu mets
Code:

1 2 document.getElementById('prenom').disabled=false; document.getElementById('nom').disabled=false;
La propriété disabled des champs sera affectée à false, c'est-à-dire que les champs seront activés :aie:
Pour autant que les mots aient un sens (y compris en anglais), si tu veux désactiver les champs, il faut que disabled soit fixé à true !
25/04/2011, 18h16
ulysse031

à l'envoi du formulaire, la page est rechargé. Le champs est donc activé mais à nouveau désactivé car la page est rechargée...

comment faire , essayez d'executer le code
25/04/2011, 18h31
Bovino

Citation:

Envoyé par ulysse031

comment faire

Comment faire quoi ???
Si tu pouvais expliquer un minimum ce que tu cherches à faire, ça nous aidera fortement pour t'aider à trouver une solution !
25/04/2011, 18h38
ulysse031

oui merci je veux bien résoudre problème

je veux si je clic sur bouton la case "nom" qui est désactivé devien activé

mais avec votre code a chaque fois je clic toujours la case désactivé