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>

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

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 !

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é

24/04/2011, 14h18	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	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 ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

25/04/2011, 18h16	#7
ulysse031 Provisoirement toléré Inscription : novembre 2006 Messages : 620 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 620 Points : 90 Points : 90	à 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
	00

25/04/2011, 18h38	#9
ulysse031 Provisoirement toléré Inscription : novembre 2006 Messages : 620 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 620 Points : 90 Points : 90	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é
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email