bloquer des champs de formulaires

Version imprimable

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:

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

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

Code:

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>

bon reprenons un peu tout ça ...

Code:

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>

21/03/2006, 15h50
reventlov

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...
21/03/2006, 15h52
SpaceFrog

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
21/03/2006, 16h18
reventlov

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...
21/03/2006, 16h22
SpaceFrog

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 ...
21/03/2006, 16h33
reventlov

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 !