Forum Programmation.web afficher ou cacher des tableaux avec deux "radio button"

Posté par  .
Étiquettes : aucune
0
10
jan.
2007
bonjour a tous,

alors mon problème est le suivant:
j'ai un formulaire contenant deux "radio button" et deux tableaux:

--> rad1
--> rad2

j'ai besoin d'aide sur comment faire afficher et cacher le premier ou le deuxième tableau selon que rad1 ou rad2 soit selectioné...

évidemment chacun des tableau contient d'autres éléments (textbox, select)

à l'aide.
Merci.
  • # Exemple

    Posté par  . Évalué à 3.

    Voila une solution écrite rapidement, en espérant que cela pourra t'aider :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
    <head>
    <title>::</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
    <script type="text/javascript">
    <!--
    function ShowTab (E)
    {
    document.getElementById("tab1").style.display = (E == 1) ? 'block' : 'none';
    document.getElementById("tab2").style.display = (E == 2) ? 'block' : 'none';
    }
    //-->
    </script>

    </head>
    <body>

    <form id="form" action="">
    <div id="form_chk">
    <input type="radio"
    name="TabCheck"
    onclick="ShowTab(1)"
    checked="checked" />

    <input type="radio"
    name="TabCheck"
    onclick="ShowTab(2)" />
    </div>
    </form>

    <div id="tab1">
    Hello world, thois is the first tab
    </div>

    <div id="tab2" style="display: none;">
    2nd tab
    </div>

    </body>
    </html>



    Désolé pour l'indentation, je n'arrive pas à la faire passer ici ... et bonne chance !
    • [^] # Re: Exemple

      Posté par  . Évalué à 1.

      Merci beaucoup,c'est bien ce qu'il me fallait...

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.