Discussion :

[xounet]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[xounet]

Y a t il une contrainte pour la création du formulaire ? en effet celui-ci est généré dynamiquement depuis une requête XMLHttpRequest() et s'affiche dans un premier temps dans une div principale et le formulaire ainsi créé est sensé afficher les résultats dans une autre div secondaire.

[xounet]

je reprécise mon problème :

J'ai une page d'accueil organisée de cette façon :

{javascript requete http type GET avec renvoi de contenu vers div1}
{menu cliquable}
<div id=div1>
<div id=div2>

J'ai ensuite une page formulaire.php qui s'affiche par action de l'utilisateur dans div1 qui génère un formulaire :

//code php
echo "
<form action="traitement.php name="mon formulaire" method="POST">
<input type="text"> etc...
</form> ";
//code php

Je cherche maintenant à faire apparaitre le résultat du traitement du formulaire dans div2.

Pour cela j'utilise le script trouvé et l'insère dans la page formulaire.php juste avant les balises <form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
echo "
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function() {     
		$("mon formulaire").submit(function () {
            $.post("traitement.php",$(this).serialize(),function(texte){
                $("div#div2").append(texte);
            });
            return false; // ne change pas de page
    });   
 }); 
<form action="traitement.php name="mon formulaire" method="POST">
<input type="text"> etc...
</form>
";

cela ne marche quelqu'un aurait il une piste ? Est ce que ces fonctions javascript sont fonctionnelles lorsqu'elles sont chargées dynamiquement par php ?