Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Actriver/Desactiver une listbox avec 3 boutons radio [ JavaScript Orienté objet (POO) / Classes ] (Nodoka)

jeudi 5 juin 2008 à 14:39:14 | Actriver/Desactiver une listbox avec 3 boutons radio

Nodoka

Bonjour,
J'ai un soucis ! Mon projet est de réaliser une page dans la quelle il y a 3 bouton radio.
Ces boutons une fois activer affiche une liste box.
Le problème est la, j'arrive a activer et désactiver une liste mais les deux autres ne fonctionnent pas.
Voici ma fonction java :

<script language="Javascript">
function GereControle(Controleur, Controle, Masquer)
{
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==true)?false:true;
return true;
}
</script>

Voici le code html :

<body>

<input type="radio" id="ls" name="radios_0" onClick="GereControle('ls', 'p_ls', '1');" />
<label for="ls">Lower School </label>
<p><select id="p_ls" size="4">
<option>LS_LIB</option>
<option>LS_ROOM_236</option>
<option>LS_ROOM_243</option>
<option>LS_ROOM_317</option>
</select>
<br/>
<br/>

<input type="radio" id="ms" name="radios_0" onClick="GereControle('ms', 'p_ms', '1');" />
<label for="ms"> Middle School<br />
</label>
<select size="7" id="p_ms">
<option>MS_ROOM_354</option>
<option>MS_ROOM_368</option>
<option>MS_LAB</option>
<option>MS_OFFICE</option>
<option>MS_ROOM_354</option>
<option>MS_ROOM_368</option>
<option>MS_TROLLEY</option>
</select><br/><br/>

<input type="radio" id="l=us" name="radios_0" onClick="GereControle('us', 'p_us', '1');" />
<label for="ls">Upper School </label>
<p><select size="15" id="p_us">
<option>US_Library</option>
<option>US_ROOM_376</option>
<option>US_GUIDANCE</option>
<option>US_Lib</option>
<option>US_LIB_off</option>
<option>US_library</option>
<option>US_MATH_DPT</option>
<option>US_office</option>
<option>US_ROOM_378</option>
<option>US_ROOM_390</option>
<option>us_room_391</option>
<option>US_room_452</option>
<option>Us_room_516</option>
<option>US-Library</option>
<option>us-office</option>
</select><br/><br/>
</p>

</body>

j'aimerai aussi avoir par défaut lors de l'ouverture de la page juste les 3 boutons de visible.
Voila en espérant une réponse .
Amicalement Max.

jeudi 5 juin 2008 à 14:52:31 | Re : Actriver/Desactiver une listbox avec 3 boutons radio

bultez

Membre Club
Réponse acceptée !


Bonjour,

    pas sûr de répondre réellement....


<script type="Text/Javascript">
function GereControle(Masquer)
{    for ( var n=0;n< document.toto.sel.length;n++ )
    {    document.toto.sel[n].style.visibility="hidden";    }
    document.getElementById(Masquer).style.visibility="visible";
}
</script>
....
<form name="toto">
<input type="radio" id="ls" name="radios_0" onClick="GereControle('p_ls');" />
<label for="ls">Lower School </label>
<p><select id="p_ls" size="4" name="sel"
        style="visibility:hidden" >
....
<input type="radio" id="ms" name="radios_0"
        onClick="GereControle('p_ms');" />
<label for="ms"> Middle School<br />
</label>
<select size="7" id="p_ms" name="sel"
        style="visibility:hidden" >
...
<input type="radio" id="l=us" name="radios_0"
    onClick="GereControle('p_us');" />
<label for="ls">Upper School </label>
<p><select size="15" id="p_us" name="sel"
        style="visibility:hidden"  >
...
</form>

    mais tu nous diras....




                Cordialement            Bul         [mon Site]     [M'écrire]

jeudi 5 juin 2008 à 15:04:42 | Re : Actriver/Desactiver une listbox avec 3 boutons radio

Nodoka

Sa fonctionne ! maintenant je vais essayé de comprendre l'algo :)
Merci bcp !

jeudi 5 juin 2008 à 15:18:14 | Re : Actriver/Desactiver une listbox avec 3 boutons radio

Nodoka

Serait tu m'expliquer si se n'est pas trop demandé t'as boucle for

for ( var n=0;n< document.toto.sel.length;n++ )
    {   
    document.toto.sel[n].style.visibility="hidden";   
    }
    document.getElementById(Masquer).style.visibility="visible";
}

Surtout le document.toto.sel.length.



jeudi 5 juin 2008 à 15:27:39 | Re : Actriver/Desactiver une listbox avec 3 boutons radio

bultez

Membre Club
Réponse acceptée !
en javascript on peut dire que "tout est array"
si dans un formulaire titi, tu as des champs qui ont le même name ( toto )
    document..titi.toto est un array, donc length, le nombre de postes.
ici donc on cache tous les slect ( name sel dans le formulaire toto ),
     pour ne réafficher que celui demandé

                Cordialement            Bul         [mon Site]     [M'écrire]

jeudi 5 juin 2008 à 16:06:31 | Re : Actriver/Desactiver une listbox avec 3 boutons radio
jeudi 5 juin 2008 à 16:40:31 | Re : Actriver/Desactiver une listbox avec 3 boutons radio

nicomilville

Membre Club
Salut bultez et nodoka,

@nodoka : si les réponses de bultez t'on aidés tu peus utiliser le réponse accèpté...

a++

Si la réponse vous convient, pensez : Réponse accepté !




Cette discussion est classé dans : boutons, ms, true, us, room


Répondre à ce message

Sujets en rapport avec ce message

action à partr de boutons radio [ par nougitch ] Bonjour,J'aimerais que lorsque mes deux premiers boutons radio sont sélectionnés, je puisse saisir ce que je veux dans les champs texte field_1 et fie Contrôle classique avec des boutons radio [ par nougitch ] Bonjour,J'aimerais faire un contrôle classique, mais comment savoir lequel des trois boutons radio est sélectionné ?Merci par avance ! vérification Formulaire [ par 27 ] Salutj'aimerais savoir s'il est possible lors d'un clic sur un bouton submit d'ouvrir une fenetre d'alerte à l'aide de javascript comprenant deux bout rafraîchissement [ par domsig ] bonjour à tous et à toutescomme je débute en javascript, et que je n'ai pas trouvé sur ce site ma réponse, voilà ma question :j'ai une page de quizz, Boutons sur zone clickable... [ par Bubuss ] Salut,Voilà mon problème :J'ai une ligne d'un tableau avec un evenement "onclick" et une fonction JS associée ainsi qu'un changement CSS sur un autre Désactivation groupe boutons radio [ par bpal78 ] Bonjour,Pas habitué au javascript, j'ai écrit quand même quelques lignes afin de rendre un formulaire de saisie attrayant. Seulement je me retrouve fa Changer les libellé des boutons de la boîte de dialogue confirm [ par rodman ] Bonjour à tous et à toutes,est ce que parmi vous tous, quelqu'un serait-il comment on change le libellé des 2 boutons de la boîte de dialogue confirm. décimale javascript et arrondi [ par paco66 ] Bonjour, je suis en train de faire un formulaire javascript. Mon problème est que celui-ci calcule trop bien, en effet il s'affiche avec trop de décim PB défilement page avec boutons dans une iframe [ par chabgyver ] Bonsoir,Je sais pas si l'intitulé de mon message est vraiment clair mais de toute façon, je vais essayer d'être plus précis.Déjà, afin que vous vous r optimiser navigateur [ par gobgob74 ] bonjourje n'arrive pas a créer la la suite de ce code permettant la compatibilité de mon index.html chargant un clip flash avec tous les navigateur in


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,250 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.