bloquer des champs de formulaires

**reventlov** · 21/03/2006, 15h28

Bonjour, j'ai un petit problème. J'ai une liste déroulante de formulaire. Selon que je selectionne une des options de ma liste déroulante, je souhaiterais que certains des champs de mon formulaire deviennent inactifs, c'est à dire qu'on ne puisse plus écrire dedans. Voici un résumé des parties importantes de mon code pour mon problème

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
 
 
<script type="text/javascript">
function affiche_num()
{
 document.form1.elements.apport_numeraires;
 document.form1.elements.detail_apport_nature.blur();
 document.form1.elements.apport_nature.blur();
}
</script>
 
<form name="form1" method="post" action="traitement_formulaire.php">
 
<select name="type_apport" class="texte" id="type_apport">
<option value="num" selected>Choisir un type</option>
<option value="num" onClick="affiche_num();">Num&eacute;raire</option>
</select>
 
<input name="apport_numeraires" type="text" id="apport_numeraires">
<textarea name="detail_apport_nature" type="text" id="detail_apport_nature"></textarea>
<input name="apport_nature" type="text" id="apport_nature">
 
</form>

Voilà, donc quand je clique sur "Numéraire" dans ma liste de selection déroulante, c'est sensé rendre impossible d'écrire dans les champs "detail_apport_nature" et "apport_nature". Seul le champs "apport_numeraires" reste modifiable...

...seulement voilà, quand je teste tout ça, tous les champs restent modifiables.

Si quelqu'un voit l'erreur ou connait une autre solution, elle sera la bienvenue.

**SpaceFrog** · 21/03/2006, 15h31

heu blur() est instantané ... il n'empèchera pas la saisie ...

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript">
function affiche_num()
{
 document.form1.elements.apport_numeraires; // ??, c'est supposé faire quoi 
 document.form1.elements.detail_apport_nature.blur(); // .disabled=true
 document.form1.elements.apport_nature.blur(); // .disabled=true
}
</script>

**SpaceFrog** · 21/03/2006, 15h44

bon reprenons un peu tout ça ...

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
<script type='text/javascript'>
 
function affiche_num(val){
 alert(val)
 document.form1.detail_apport_nature.disabled=(val=="num")?true:false;
 document.form1.apport_nature.disabled=(val=="num")?true:false;
}
</script>
</head>
<body>
<form name="form1" method="post" action="traitement_formulaire.php">
 
<select name="type_apport" class="texte" id="type_apport" onchange="affiche_num(this.value)">
<option value="selection" selected>Choisir un type</option>
<option value="num" >Num&eacute;raire</option>
</select>
 
<input name="apport_numeraires" type="text" id="apport_numeraires">
<textarea name="detail_apport_nature" type="text" id="detail_apport_nature"></textarea>
<input name="apport_nature" type="text" id="apport_nature">
 
</form>

**reventlov** · 21/03/2006, 15h50

Super rapide la reponse !
Oui, erreur de ma part, la première ligne ne sert pas à grand chose...
Pour le reste, quand tu precises // .disabled-true tu veux dire que je remplace .blur() par .disabled-true ? J'ai essayé ça mais le resultat reste le même, on peut toujours écrire dans les champs...

**SpaceFrog** · 21/03/2006, 15h52

on a du se croiser ...

juste une precisier le onclick ne focntionne pas sur les options sous IE ...il faut passer par le onchange du select

**reventlov** · 21/03/2006, 16h18

Bin ton script tout seul fonctionne, mais dès que j'e l'adapte dans mon code, ça marche plus... Mais bon, il faut dire aussi que le code de la fonction javascript est en fait généré par du php... Enfin j'ai une piste sérieuse puisque ton code marche tout seul y'a forcément un moyen de l'intégrer au mien...

Une dernière question: la fonction javascript doit-elle obligatoirement être déclarée avant la balise </head> ? Si mon problème vient de la (sait-on jamais) c'est très embêtant car le haut de mon code html est en fait un include php et pour diverse raisons je ne peut pas le modifier...

Je sens que je tiens le bon bout...

**SpaceFrog** · 21/03/2006, 16h22

forcément ... non
mais les fonctions script se déclarent en général dasn la balise head ...
après c'est une question d'instanciation ...

**reventlov** · 21/03/2006, 16h33

C'est bon ! Ca marche nickel !

Comme le code java est généré par du php et qu'en plus il est noyé dans un code beaucoup plus gros et en plus bien compact, si on oublie d'échapper un guillemet... on connait la suite...

Un grand merci pour le tuyau !

bloquer des champs de formulaires

JavaScript

Discussions similaires

Partager

Partager