Apercu un formulaire
Résolu
Laurent
-
Laurent -
Laurent -
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
A voir également:
- Apercu un formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Webmastering
- Problème avec Google Chrome - Forum Google Chrome
3 réponses
Salut,
Vous ajouter un bouton submit à votre formulaire et vous faites une condition dans le code php
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..
}
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
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>
