Apercu un formulaire
Résolu
Bonjour,
j'aimerai pouvoir afficher les données issue d'un formulaire dans une div avant de les valider.
sans que les champs du formulaire sois effacés. L' idée et de mettre 2 submit au formulaire
-un pour envoyer
-l'autre pour générer apercu
mais apres comment faire?
Merci de votre aide
j'aimerai pouvoir afficher les données issue d'un formulaire dans une div avant de les valider.
sans que les champs du formulaire sois effacés. L' idée et de mettre 2 submit au formulaire
-un pour envoyer
-l'autre pour générer apercu
mais apres comment faire?
Merci de votre aide
3 réponses
-
Salut,
Vous ajouter un bouton submit à votre formulaire et vous faites une condition dans le code phpif(isset($_POST['previsualiser'])) { echo $_POST['a'].'<br>'; echo $_POST['b'].'<br>'; //etc.. }
-
avec du javascript
principe:
- tu fais ton formulaire avec un seul bouton "previsualiser"
- tu fais un div id="previsu" style="display:none";
- to bouton previsualiser va appeler sur onclick="previsualiser();" une fonction javascript
<script type="text/javascript"> function previsualiser(){ var champ1=document.getElementByid('id_champ1'); //on atteint le champ1 var previsu_champ1= document.getElementByid('id_previsu_champ1'); //on atteint le previsu champ1 //on copier le contenu de champ1 vers la previsu champ1 previsu_champ1.value=champ1.value; //idem pour tous les champs //a la fin on "demasque le div" var div_prev= document.getElementByid('div_previsu'); //on atteint le div div_prev.style.display='block'; } </script> tu ne mets pas les balise form ici mais dans le div Nom: <input type="text" name="nom" id="id_champ1" value="" /> etc... <input type="button" name="previsu" id="previsu" value="Previsualiser" onclick="previsualiser();" /> <div id="div_previsu" style="display:none;"> <form name="....." method="post" action="....." > Nom: <input type="text" name="nom" id="id_previsu_champ1" value="" readonly /> on les met readonly pour qu'ils ne soient pas modifiables ici <input type="submit" name="enregistrer" value="Enregistrer" /> </form> </div> -
merci pour vos réponses
