Apercu un formulaire

Résolu/Fermé
Laurent - 26 sept. 2012 à 18:27
 Laurent - 26 sept. 2012 à 20:14
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

3 réponses

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
26 sept. 2012 à 18:36
Salut,

Vous ajouter un bouton submit à votre formulaire et vous faites une condition dans le code php
 if(isset($_POST['previsualiser']))
{
  echo $_POST['a'].'<br>';
  echo $_POST['b'].'<br>';
  //etc..
}

0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
26 sept. 2012 à 18:47
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>
0
merci pour vos réponses
0