File: A1.PHP - Tab length: 1 2 4 8 - Lines: on off - No wrap: on off

?<?php session_start(); ?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr">
    <head>
    <title>Configurateur Individuel : choix des platines</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
    <h1>Configurateur de Poste Interieur</h1>
    <form method="submit" action="valider 4.php">
    <br><p style="text-align:center;" >
    Vous avez choisi une platine en saillie avec l'option Audio , veuillez maintenant choisir le nombre de postes interieur que vous d�sirez , veuillez aussi choisir leurs types .
    Attention vous ne pouvez pas choisir plus de 5 postes interieurs tout types confondus</p><br>
    <script type="text/javascript">
    function liste(b)
    {
    document.getElementById('div1').style.display = (b!=1? 'none':'block');
    document.getElementById('div2').style.display = (b!=2? 'none':'block');
    document.getElementById('div3').style.display = (b!=3? 'none':'block');
    document.getElementById('div4').style.display = (b!=4? 'none':'block');
    document.getElementById('div5').style.display = (b!=5? 'none':'block');
    }
    </script>
    <fieldset><br>  
    Choisissez le nombre de postes que vous desirez avoir : <br><br>
    <li><input type="radio" name="choix" value="1" onclick="liste(1);" id="radio1">&nbsp;<label for="radio1" />je veux un poste interieur</label></li>
    <li><input type="radio" name="choix" value="2" onclick="liste(2);" id="radio2">&nbsp;<label for="radio2" />je veux deux postes interieur</label></li>
    <li><input type="radio" name="choix" value="3" onclick="liste(3);" id="radio3">&nbsp;<label for="radio3">je veux trois postes interieur</label></li>
    <li><input type="radio" name="choix" value="4" onclick="liste(4);" id="radio4">&nbsp;<label for="radio4">je veux quatre postes interieur</label></li>
    <li><input type="radio" name="choix" value="5" onclick="liste(5);" id="radio5">&nbsp;<label for="radio5">je veux cinq postes interieur</label></li>
   
    <div id="div1" style="display:none"><br>
    <fieldset><br>
    choisissez le mode de votre poste audio interieur :<br>
    <li><input type="radio" name="choix1a"  value="1" id="radioa1">&nbsp;<label for="radioa1">� combin�</label></li>
    <li><input type="radio" name="choix1a"  value="2" id="radioa2">&nbsp;<label for="radioa2">� main libre</label></li>
    </fieldset><br>
    </div>
    <div id="div2" style="display:none"><br>
    <fieldset>
    <br>choisissez le mode de votre premier poste audio interieur :<br>
    <li><input type="radio" name="choix1a"  value="1" id="radioa1a">&nbsp;<label for="radioa1a">� combin�</label></li>
    <li><input type="radio" name="choix1a"  value="2" id="radioa2a">&nbsp;<label for="radioa2a">� main libre</label></li>
    <br>choisissez le mode de votre deuxieme poste audio interieur :<br>
    <li><input type="radio" name="choix1b"  value="1" id="radioa1b">&nbsp;<label for="radioa1b">� combin�</label></li>
    <li><input type="radio" name="choix1b"  value="2" id="radioa2b">&nbsp;<label for="radioa2b">� main libre</label></li>
    </fieldset><br>
    </div><br>
    <div id="div3" style="display:none"><br>
    <fieldset>
    <br>choisissez le mode de votre premier poste audio interieur :<br>
    <li><input type="radio" name="choix1a"  value="1" id="radioa1a">&nbsp;<label for="radioa1a">� combin�</label></li>
    <li><input type="radio" name="choix1a"  value="2" id="radioa2a">&nbsp;<label for="radioa2a">� main libre</label></li>
    <br>choisissez le mode de votre deuxieme poste audio interieur :<br>
    <li><input type="radio" name="choix1b"  value="1" id="radioa1b">&nbsp;<label for="radioa1b">� combin�</label></li>
    <li><input type="radio" name="choix1b"  value="2" id="radioa2b">&nbsp;<label for="radioa2b">� main libre</label></li>  
    <br>choisissez le mode de votre troisi�me poste audio interieur :<br>
    <li><input type="radio" name="choix1c"  value="1" id="radioa1c">&nbsp;<label for="radioa1c">� combin�</label></li>
    <li><input type="radio" name="choix1c"  value="2" id="radioa2c">&nbsp;<label for="radioa2c">� main libre</label></li>                              
    </fieldset><br>
    </div>
    <div id="div4" style="display:none"><br>
    <fieldset>
    <br>choisissez le mode de votre premier poste audio interieur :<br>
    <li><input type="radio" name="choix1a"  value="1" id="radioa1a">&nbsp;<label for="radioa1a">� combin�</label></li>
    <li><input type="radio" name="choix1a"  value="2" id="radioa2a">&nbsp;<label for="radioa2a">� main libre</label></li>
    <br>choisissez le mode de votre deuxieme poste audio interieur :<br>
    <li><input type="radio" name="choix1b"  value="1" id="radioa1b">&nbsp;<label for="radioa1b">� combin�</label></li>
    <li><input type="radio" name="choix1b"  value="2" id="radioa2b">&nbsp;<label for="radioa2b">� main libre</label></li>
    <br>choisissez le mode de votre troisi�me poste audio interieur :<br>
    <li><input type="radio" name="choix1c"  value="1" id="radioa1c">&nbsp;<label for="radioa1c">� combin�</label></li>
    <li><input type="radio" name="choix1c"  value="2" id="radioa2c">&nbsp;<label for="radioa2c">� main libre</label></li>
    <br>choisissez le mode de votre quatri�me poste audio interieur :<br>
    <li><input type="radio" name="choix1d"  value="1" id="radioa1d">&nbsp;<label for="radioa1d">� combin�</label></li>
    <li><input type="radio" name="choix1d"  value="2" id="radioa2d">&nbsp;<label for="radioa2d">� main libre</label></li>
    </fieldset><br>
    </div><br>
    <div id="div5" style="display:none">
    <fieldset>
    <br>choisissez le mode de votre premier poste audio interieur :<br>
    <li><input type="radio" name="choix1a"  value="1" id="radioa1a">&nbsp;<label for="radioa1a">� combin�</label></li>
    <li><input type="radio" name="choix1a"  value="2" id="radioa2a">&nbsp;<label for="radioa2a">� main libre</label></li>
    <br>choisissez le mode de votre deuxieme poste audio interieur :<br>
    <li><input type="radio" name="choix1b"  value="1" id="radioa1b">&nbsp;<label for="radioa1b">� combin�</label></li>
    <li><input type="radio" name="choix1b"  value="2" id="radioa2b">&nbsp;<label for="radioa2b">� main libre</label></li>  
    <br>choisissez le mode de votre troisi�me poste audio interieur :<br>
    <li><input type="radio" name="choix1c"  value="1" id="radioa1c">&nbsp;<label for="radioa1c">� combin�</label></li>
    <li><input type="radio" name="choix1c"  value="2" id="radioa2c">&nbsp;<label for="radioa2c">� main libre</label></li>
    <br>choisissez le mode de votre quatri�me poste audio interieur :<br>
    <li><input type="radio" name="choix1d"  value="1" id="radioa1b">&nbsp;<label for="radioa1d">� combin�</label></li>
    <li><input type="radio" name="choix1d"  value="2" id="radioa2b">&nbsp;<label for="radioa2d">� main libre</label></li>  
    <br>choisissez le mode de votre cinqui�me poste audio interieur :<br>
    <li><input type="radio" name="choix1e"  value="1" id="radioa1c">&nbsp;<label for="radioa1e">� combin�</label></li>
    <li><input type="radio" name="choix1e"  value="2" id="radioa2c">&nbsp;<label for="radioa2e">� main libre</label></li>  
    </fieldset><br>
    </div><br>
</fieldset><br>

<input type="submit" value="Valider">
</form>
</form>
</body>
</html>