Activer et désactiver les champs d’un formulaire

**ulysse031** · 24/04/2011, 02h38

bonjour tout le monde

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

Code html :

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
 
<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>

**vermine** · 24/04/2011, 11h20

Bonjour,

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

Code :

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

1
2
 
<SCRIPT LANGUAGE="JavaScript">

mais bien celle-ci :

Code :

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

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.

**Bovino** · 24/04/2011, 14h18

Code html :

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

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

Code :

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

function activer()

Tu te poses vraiment la question ?

**ulysse031** · 24/04/2011, 19h07

mais ça donne rien toujours meme chose

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
 
 
 
<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>

Invité · 24/04/2011, 19h43

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 :

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
 
<!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"><!--
function desactive() {
	document.getElementById('prenom').disabled=false;
	document.getElementById('nom').disabled=false;
	}
 
//-->
</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 :

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

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

**Bovino** · 24/04/2011, 22h31

En plus de ce qu'à déjà dit mekal,

Code :

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

<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 :

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

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

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 !

**ulysse031** · 25/04/2011, 18h16

à 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

**Bovino** · 25/04/2011, 18h31

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 !

**ulysse031** · 25/04/2011, 18h38

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é

Activer et désactiver les champs d’un formulaire

JavaScript

Discussions similaires

Partager

Partager