pour le fichier html, voir les commentaires:
<?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 charset="utf-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
/*
pourqoui mettre les fonctions JS à l'int"rieur de la page dans le head c'est aussi nien,
de plus avec une seulle fonction tu peut tout faaire, il suffit de lui passer les id en arguments
j'ai commencé avec les premières continue dans le même esprit
*/
function radioclick (b,id_div1,id_div2)
{
document.getElementById(id_div1).style.display = (b!=1? 'none':'block');
document.getElementById(id_div2).style.display = (b!=2? 'none':'block');
}
</script>
</head>
<body>
<h1>Configurateur de platine</h1>
<form method="post" action="valider.php">
<!-- <form action="<?$PHP_SELF;?>" method="post"> POURQuoI DEUX form l'une dans l'autre ???? -->
<fieldset>
<legend>Type d'installation</legend>
<center>
Vous allez maintenant choisir deux platines exterieures , vous avec le choix entre<br>
en saillie ou en encastré , vous pouvez prendre les deux , veillez toutefois a ne pas choisir plus de deux platines tout type confondus
</center>
<!-- tes 2 boutons radio choix ont la même value ce n'est pas bon
idem pour tous les autres
-->
<li><input type="radio" name="choix" value="1" onclick="radioclick('1','div1','div2');" id="radio1"> <label for="radio1">une platine extérieure</label></li>
<div id="div1" style="display:none">
<br><fieldset>
Désirez vous que votre platine soit en saillie ou en encastré ? :
<br>
<br>
<li><input type="radio" name="choix1" value="1" onclick="radioclick('1',div3','div4');" id="radio1a"> <label for="radio1a">je veux une platine en saillie</label></li>
<div id="div3" style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ?<br><br>
<li><input type="radio" name="choix2" value="1" onclick="radioclick('1','div5','div6');" id="radio1a1"> <label for="radio1a1">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="1" onclick="radioclick('2','div1','div2');" id="radio1a1"> <label for="radio1a1">je veux une platine en Video</label></li>
</fieldset><br>
</div>
<li><input type="radio" name="choix1" value="1" onclick="radioclick('2','div5','div6');" id="radio2a"> <label for="radio2a">je veux une platine en encastré</label></li>
<div id="div4" style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ? <br><br>
<script type="text/javascript">
function radioclick4 (b)
{
document.getElementById('div7').style.display = (b!=1? 'none':'block');
document.getElementById('div8').style.display = (b!=2? 'none':'block');
}
</fieldset>
</script>
<li><input type="radio" name="choix2" value="1" onclick="radioclick4(1);" id="radio1a2"> <label for="radio1a2">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="1" onclick="radioclick4(2);" id="radio1a2"> <label for="radio1a2">je veux une platine en Video</label></li>
</fieldset>
</div>
</div>
<br>
<li><input type="radio" name="choix" value="2" onclick="radioclick1(2);" id="radio2"> <label for="radio2">deux platines extérieures</label></li><br>
<div id="div2" style="display:none">
<fieldset>
Désirez vous que votre platine soit en saillie ou en encastré ? :<br><br>
<script type="text/javascript">
function radioclick5 (b)
{
document.getElementById('div9').style.display = (b!=1? 'none':'block');
document.getElementById('div10').style.display = (b!=2? 'none':'block');
}
</script>
<li><input type="radio" name="choix1" value="1" onclick="radioclick5(1);" id="radio3"> <label for="radio3">je veux une platine en saillie</label></li>
<div id="div9" style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ? <br><br>
<li><input type="radio" name="choix2" value="1" onclick="radioclickb2(1);" id="radio1a2"> <label for="radio1a2">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="2" onclick="radioclickb2(2);" id="radio1a2"> <label for="radio1a2">je veux une platine en Video</label></li>
</fieldset>
<br><br>
</div>
<li><input type="radio" name="choix1" value="2" onclick="radioclick5(2);" id="radio4"> <label for="radio4">je veux une platine en encastré</label></li>
<div id="div10"style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ?<br><br>
<li><input type="radio" name="choix2" value="1" onclick="radiocl(1);" id="radio1a2"> <label for="radio1a2">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="2" onclick="radiocl(2);" id="radio1a2"> <label for="radio1a2">je veux une platine en Video</label></li>
</fieldset>
</div>
</fieldset>
</div>
</fieldset>
<!-- il faut un name au bouton -->
<input type="submit" name="valider" value="Valider">
<!--</form> -->
</form>
</body>
</html>
Pour le fichier php, tu est faché avec les ; de fin d'instruction !!
il faut mettre systématiquement les {} dans les conditions if et else, on peut les omettre si une seule ligne 'instruction, mais c'est vite source d'erreur
<?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 charset="utf-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
/*
pourqoui mettre les fonctions JS à l'int"rieur de la page dans le head c'est aussi nien,
de plus avec une seulle fonction tu peut tout faaire, il suffit de lui passer les id en arguments
j'ai commencé avec les premières continue dans le même esprit
*/
function radioclick (b,id_div1,id_div2)
{
document.getElementById(id_div1).style.display = (b!=1? 'none':'block');
document.getElementById(id_div2).style.display = (b!=2? 'none':'block');
}
</script>
</head>
<body>
<h1>Configurateur de platine</h1>
<form method="post" action="valider.php">
<!-- <form action="<?$PHP_SELF;?>" method="post"> POURQuoI DEUX form l'une dans l'autre ???? -->
<fieldset>
<legend>Type d'installation</legend>
<center>
Vous allez maintenant choisir deux platines exterieures , vous avec le choix entre<br>
en saillie ou en encastré , vous pouvez prendre les deux , veillez toutefois a ne pas choisir plus de deux platines tout type confondus
</center>
<!-- tes 2 boutons radio choix ont la même value ce n'est pas bon
idem pour tous les autres
-->
<li><input type="radio" name="choix" value="1" onclick="radioclick('1','div1','div2');" id="radio1"> <label for="radio1">une platine extérieure</label></li>
<div id="div1" style="display:none">
<br><fieldset>
Désirez vous que votre platine soit en saillie ou en encastré ? :
<br>
<br>
<li><input type="radio" name="choix1" value="1" onclick="radioclick('1',div3','div4');" id="radio1a"> <label for="radio1a">je veux une platine en saillie</label></li>
<div id="div3" style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ?<br><br>
<li><input type="radio" name="choix2" value="1" onclick="radioclick('1','div5','div6');" id="radio1a1"> <label for="radio1a1">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="1" onclick="radioclick('2','div1','div2');" id="radio1a1"> <label for="radio1a1">je veux une platine en Video</label></li>
</fieldset><br>
</div>
<li><input type="radio" name="choix1" value="1" onclick="radioclick('2','div5','div6');" id="radio2a"> <label for="radio2a">je veux une platine en encastré</label></li>
<div id="div4" style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ? <br><br>
<script type="text/javascript">
function radioclick4 (b)
{
document.getElementById('div7').style.display = (b!=1? 'none':'block');
document.getElementById('div8').style.display = (b!=2? 'none':'block');
}
</fieldset>
</script>
<li><input type="radio" name="choix2" value="1" onclick="radioclick4(1);" id="radio1a2"> <label for="radio1a2">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="1" onclick="radioclick4(2);" id="radio1a2"> <label for="radio1a2">je veux une platine en Video</label></li>
</fieldset>
</div>
</div>
<br>
<li><input type="radio" name="choix" value="2" onclick="radioclick1(2);" id="radio2"> <label for="radio2">deux platines extérieures</label></li><br>
<div id="div2" style="display:none">
<fieldset>
Désirez vous que votre platine soit en saillie ou en encastré ? :<br><br>
<script type="text/javascript">
function radioclick5 (b)
{
document.getElementById('div9').style.display = (b!=1? 'none':'block');
document.getElementById('div10').style.display = (b!=2? 'none':'block');
}
</script>
<li><input type="radio" name="choix1" value="1" onclick="radioclick5(1);" id="radio3"> <label for="radio3">je veux une platine en saillie</label></li>
<div id="div9" style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ? <br><br>
<li><input type="radio" name="choix2" value="1" onclick="radioclickb2(1);" id="radio1a2"> <label for="radio1a2">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="2" onclick="radioclickb2(2);" id="radio1a2"> <label for="radio1a2">je veux une platine en Video</label></li>
</fieldset>
<br><br>
</div>
<li><input type="radio" name="choix1" value="2" onclick="radioclick5(2);" id="radio4"> <label for="radio4">je veux une platine en encastré</label></li>
<div id="div10"style="display:none"><br>
<fieldset>
Voulez vous que votre platine soit Audio ou Vidéo ?<br><br>
<li><input type="radio" name="choix2" value="1" onclick="radiocl(1);" id="radio1a2"> <label for="radio1a2">je veux une platine en Audio</label></li>
<li><input type="radio" name="choix2" value="2" onclick="radiocl(2);" id="radio1a2"> <label for="radio1a2">je veux une platine en Video</label></li>
</fieldset>
</div>
</fieldset>
</div>
</fieldset>
<!-- il faut un name au bouton -->
<input type="submit" name="valider" value="Valider">
<!--</form> -->
</form>
</body>
</html>
