desactiver un menu deroulant si le radio bouton n'est pas actif

**floppy__** · 22/10/2007, 22h19

Bonjour,
je ne sais pas si on peut trouver une solution a mon probleme via HTML ou si c'est plutot de l'ordre d'un javascript, mais bon sur ce coup, je fais appel a l'equipe.

Voici mon probleme. J'ai un formulaire demandant si le visiteur veux payer a) en une fois b) en plusieurs fois en prenant sur son compte tous les [table deroulante avec les dates]

Je voudrais que ma table deroulante ne soit pas accessible tant que le radio bouton (b) n'a pas ete active.

Voila. J'espere avoir de bonne nouvelle bientot car cela fait plusieurs jours que je cherche sans succes.

D'avance un tout grand merci pour votre aide

**jeje13009** · 23/10/2007, 00h09

slt,

au chargement de ton formulaire, il faut griser ta table déroulante par javascript :

Code :

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

<select id="liste" name="date" disabled="disabled">

ensuite il faut modifier cet état à chaque changement d'état de ton bouton radio "b" :

Code :

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

1
2
<input type="radio" id="b" name="b"
onChange="if(document.getElementById('liste').disabled == true) document.getElementById('liste').disabled = false;else document.getElementById('liste').disabled = true;">

ou autre possibilité :

Code :

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

<input type="radio" id="b" name="b" onChange="activList();">

et donc dans le <head> il faut ajouter :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
function activList(){
if(document.getElementById('liste').disabled == true) document.getElementById('liste').disabled = false;
else document.getElementById('liste').disabled = true;
}
</script>

et voilà !

**floppy__** · 23/10/2007, 16h54

Merci beaucoup pour ta reponse.

J'ai malheureusement un probleme et je ne sais pas ce que je fais de travers. En effet lorsque je selectionne mon bouton (b) cela n'active pas le menu deroulant. Il faut que j'active le bouton (a) pour que cela commence a fonctionner. J'ai utilise ta seconde proposition avec le code javascript dansle header. Voici mon code...

Code :

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

1
2
3
4
5
6
7
8
9
10
<input type="radio" name="customer_Donation" onchange="activList();"value="One Time Donation" checked>
					I would like to make a one Time Donation</font></p>
<p align="left">
<font face="Verdana">
<input type="radio" name="customer_Donation" onchange="activList();" value="Monthly Donation" />
I would like to become a monthly partner, please charge my &nbsp;account on the 
<select id="liste" name="customer_Date" size="1" style="background-color:rgb(226,237,235);" disabled="disabled">
                        <option>Day of the month</option>
                        <option value="1">1</option>
                        <option value="2">2</option>

Encore merci pour ton aide

**jeje13009** · 23/10/2007, 17h12

essaye en remplacant le onChange par onFocus...

teste aussi de modifier la fonction activList par :

Code :

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

1
2
3
4
5
 
function activList(){
if(document.getElementById('customer_Donation')[1].checked == true) document.getElementById('liste').disabled = false;
else document.getElementById('liste').disabled = true;
}

c'est bizarre que tu soies obligé d'activer d'abord le "a"... en même temps je t'ai pondu ça vite fait donc c'est possible qu'il y ait une erreur, et puisca reste du détail le fait d'activer préalablement "a" ou non !

**E.Bzz** · 23/10/2007, 17h19

Bonjour,

Code :

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

document.getElementById('customer_Donation')[1].

getElementById() ne retourne jamais un tableau.

Pour la bonne raison qu'un id doit être unique.
Dans le cas des radio, le name sera bien commun (ici name="b"), mais l'id, non (=> id="b1" id="b2" etc).
Si tu numérotes tes radio de b0 à b2 et que b1 est celui visé :

Code :

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

if (document.getElementById('b1').checked) ....

Cette erreur suffit à bloquer tout le reste du code

Par ailleurs, les évènements s'écrivent toujours entièrement en minuscules (onchange et non onChange)

A+

**jeje13009** · 23/10/2007, 17h38

oui justement, mon getElementById('...')[1] me turlupiner... je venais justement rectifier ma grossière erreur...

quel est mon châtiement Mr le Modérateur ??? (mdr)

bon, par contre pour les évènements je découvre... pour moi ce n'était qu'une vague question philosophique et je n'ai d'ailleurs jamais rencontré de soucis à ce propos... mais je veux bien te croire...

**E.Bzz** · 23/10/2007, 17h44

Envoyé par jeje13009

quel est mon châtiement Mr le Modérateur ??? (mdr)

Résoudre le problème de floppy__ ?

**floppy__** · 23/10/2007, 17h55

Un grand merci a tous les deux.
Cela fonctionne maintenant parfaitement, en fait j'avais encore une petit probleme d'ordre graphique (le grise d'inactivite du menu deroulant ne s'affichait pas immediatement) j'ai donc remplace le "onchange" par "onclick".

Encore un tout grand merci

PS: sorry pour le manque d'accent de mes messages, mais je suis aux USA et leurs claviers ne sont pas habitues a la langue de moliere.

**jeje13009** · 23/10/2007, 19h39

Envoyé par E.Bzz

Résoudre le problème de floppy__ ?

bon beh je crois que c'est fait alors

desactiver un menu deroulant si le radio bouton n'est pas actif

JavaScript

Discussions similaires

Partager

Partager