Intégration dans une page web
Bonjour,
Je cherche un méthode simple pour faire afficher le traitement d'un formulaire dans une div plutôt qu'une iframe pour des raisons pratiques.
J'ai trouvé un code qui fonctionne parfaitement :
d'un côté le formulaire :
Code:
1
2
3
4
5
6
7
8
9
10
11
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("form").submit(function () {
$.post("traitement.php",$(this).serialize(),function(texte){
$("div#status").append(texte);
});
return false; // ne change pas de page
});
});
</script> |
Code:
1
2
3
4
5
6
| <form action="traitement.php" method="post" >
<input name="content1" type="text" value="Laintimes1"></input>
<input type="submit" value="Envoyer"></input>
</form>
<div id="status" style="overflow:auto; width:750px; background-color: #FEFEFE;">
</div> |
de l'autre le traitement de ces formulaires en php :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <?php
if(isset($_POST['content1'])){
echo "<p>Vous avez noté ".$_POST['content1']." dans votre Premier Formulaire</p>";}
else{
echo "<p>Votre formulaire N-1 ne contient aucun data ou n'a pas été soumis</p>";
}
if(isset($_POST['content2'])){
echo "<p>Vous avez noté ".$_POST['content2']."dans votre Deuxième Formulaire</p>";}
else{
echo "<p>Votre formulaire N-2 ne contient aucun data ou n'a pas été soumis</p>";
}
?> |
j'essaie de copier coller ce code sur mon script mais celui-ci de fonctionne pas :
j'ai placé le code javascript juste avant le formulaire généré par une page php en remplaçant les noms des div et des pages php par les miennes et cela ne marche, le traitement du formulaire ne s'affiche pas dans la div mais dans une nouvelle page html.
