formulaire multi étapes et non récupération de variables
Posté : 27 mars 2012, 11:15
Bonjour à tous, je créé un formulaire multi étapes, le soucis étant que lorsque que je passe à une étape suivant, il ne me récupère pas la variable et je ne sais pas comment procéder du coup.
voici le code
d'avance merci pour votre aide.
PS: (il y a un Js, qui génère et affiche les boutons avant / après le cas échéant.
voici le code
<html>
<head>
<title>. : : Créer un compte - Client : : .</title>
<style type="text/css">
body { font-family:Lucida Sans, Arial, Helvetica, Sans-Serif; font-size:13px; margin:20px;}
#main { width:960px; margin: 0px auto; border:solid 1px #b2b3b5; -moz-border-radius:10px; padding:20px; background-color:#f6f6f6;}
#header { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
fieldset { border:none; width:320px;}
legend { font-size:18px; margin:0px; padding:10px 0px; color:#b0232a; font-weight:bold;}
label { display:block; margin:15px 0 5px;}
input[type=text], input[type=password] { width:300px; padding:5px; border:solid 1px #000;}
.prev, .next { background-color:#b0232a; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#000; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#000;}
#makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#000;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="formtowizard.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#SignupForm").formToWizard({ submitButton: 'SaveAccount' })
});
</script>
<meta name="generator" content="Namo WebEditor(Trial)">
</head>
<body>
<div id="main">
<div id="header"></div>
<form id="SignupForm" action="save-client.php" method="post">
<fieldset>
<LEGEND> Informations générales</LEGEND>
<label for="code_client"><b><font size="2" face="Verdana">Code Client:</label>
<input type="text" id="code_client">
<label for="categorie">Catégorie:</label>
</font></b><select id="categorie"><option>Personne morale</option><option>Personne physique</option></select>
</fieldset>
<fieldset>
<LEGEND> Informations légales</LEGEND>
<?php if (isset($_POST['categorie']) AND $_POST['categorie']=="Personne morale") { ?>c'est une personne morale
<?php } elseif (isset($_POST['categorie']) AND $_POST['categorie']=="Personne physique") { ?>C'est une personne physique <?php } ?>
<-- input fields -->
</fieldset>
<fieldset>
<-- input fields -->
</fieldset>
<fieldset>
<-- input fields -->
</fieldset>
<fieldset>
<-- input fields -->
</fieldset>
<fieldset>
<-- input fields -->
</fieldset>
<fieldset>
<-- input fields -->
</fieldset>
<fieldset>
<-- input fields -->
</fieldset>
<p>
<input id="saveaccount" type="button" value="submit form" />
</p>
</form>
</form></div>
</body>
</html>
d'avance merci pour votre aide.
PS: (il y a un Js, qui génère et affiche les boutons avant / après le cas échéant.