Boutons radio qui modifie un formulaire

Boutons radio qui modifie un formulaire - HTML/CSS - Programmation

Marsh Posté le 03-06-2006 à 09:35:37    

Bonjour,
 
Je veux créer dans un formulaire 2 boutons radio, et selon si l'on clique sur l'un ou l'autre des boutons radio, telle ou telle partie s'affiche en dessous, je pensais que c'était quelque chose de courant mais je n'ai trouvé aucun post répondant à ma demande.
 
Si quelqu'un à une idée.
Merci


Message édité par rocs2 le 03-06-2006 à 09:38:24
Reply

Marsh Posté le 03-06-2006 à 09:35:37   

Reply

Marsh Posté le 03-06-2006 à 14:56:32    

Ça se fait avec du javascript.
Tu ajoute un onclick sur les radios, par exemple:

Code :
  1. <form name="monformulaire">
  2. <input onclick="javascript:monformulaire.param2.disabled=false;monformulaire.param3.disabled=true;monformulaire.param2.focus();document.getElementById('panneau_option2').style.color='#EFEFEF';document.getElementById('panneau_option1').style.color='';" id="id_param_1" type=radio name="param1" value="1"><label for="id_param_1" accesskey="O" title="Cliquer pour choisir l'option 1"><u>O</u>ption 1</label>
  3. <span id="panneau_option1" style="color:#EFEFEF">
  4. Param&egrave;tre:
  5. <input title="Param&egrave;tre pour l'option 1" disabled=true type=text name="param2" value="">
  6. </span>
  7. <br>
  8. <input onclick="javascript:monformulaire.param2.disabled=true;monformulaire.param3.disabled=false;monformulaire.param3.focus();document.getElementById('panneau_option2').style.color='';document.getElementById('panneau_option1').style.color='#EFEFEF';" id="id_param_2" type=radio name="param1" value="2"><label for="id_param_2" accesskey="p" title="Cliquer pour choisir l'option 2">O<u>p</u>tion 2</label>
  9. <span id="panneau_option2" style="color:#EFEFEF">
  10. Param&egrave;tre:
  11. <input title="Param&egrave;tre pour l'option 2" disabled=true type=text name="param3" value="">
  12. </span>
  13. <br>
  14. </form>


Le code ci-dessus change la couleur du texte (style.color), autorise/interdit l'utilisation des champs, et place le focus du clavier dans les champs. En plus, ajoute des infos bulles, et des raccourcis claviers.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed