<?php 

<script language="JavaScript">

var villagesAffiches=""; //Contient l'id des boutons affichés

function affichageContextuel(monde)

{

    monde = document.getElementById(monde);

    if (monde.style.display !='') //Si les boutons ne sont pas affichés, on les affiches

    { 

        monde.style.display='';

        if (avillagesAffiches!="") //Si on a déjà des boutons d'affichés, on les masque

        {

            villagesAffiches.style.display = 'none';

        }

        villagesAffiches = monde;

    }

}

</script>





<table><tr>    <td class="champ">Veuillez choisir votre monde</td> 

            <td><input type="radio" name="monde" value="terre" onChange="javascript:affichageContextuel('villages_terre');"/>Terre<br/>

                <input type="radio" name="monde" value="ile" onChange="javascript:affichageContextuel('villages_ile');"/>Mer<br/>

                <input type="radio" name="monde" value="ciel" onChange="javascript:affichageContextuel('villages_ciel');"/>Ciel </td>

        </tr>

        <tr><td></td>

            <td><div id="villages_terres" style="display: none;">

                        <input type="radio" name="choix_villages_terre" value="Alpha" />Alpha<br/>

                        <input type="radio" name="choix_villages_terre" value="Bravo" />Bravo<br/>

                </div>

                <div id="villages_ile" style="display: none;">

                        <input type="radio" name="choix_villages_ile" value="Charlie" />Charlie<br/>

                        <input type="radio" name="choix_villages_ile" value="Delta" />Delta<br/>

                </div>

                <div id="villages_ciel" style="display: none;">

                        <input type="radio" name="choix_villages_ciel" value="Echo" />Echo<br/>

                        <input type="radio" name="choix_villages_ciel" value="Fox" />Fox<br/>

                </div>

            </td>

        </tr>

</table>