[PHP-JS] Coder un "preview" à côté du "submit" [Résolu]

[Grizzzly]

Bonjour,

J'ai un formulaire qui fonctionne très bien pour soumettre les données en POST à une page PHP qui, elle, s'occupe de faire l'insertion des données et génère un email avec ces données. J'ai aussi mis un bouton Prévisualisation à côté du bouton Soumettre mais du coup, je n'ai trouvé nul autre moyen que la méthode GET pour transmettre les données à la page de prévisualisation (qui s'ouvre dans un Pop-Up). Autrefois c'était bien car je pouvais cacher l'URL. Or, les nouvelles version d'IE ne permettent plus de cacher l'URL et l'utilisateur peut voir tous les paramètres. Ça ne fait vraiment pas professionnel.

Donc voilà, je cherche à comprendre comment envoyer les données en POST à cette page de prévisualisation alors que le formulaire HTML est déjà rattaché à une autre page PHP pour son action Submit. Il y aura peut-être un peu de JavaScript dans tout ça, je cherche.

[|PaRa-BoL]

Tu peux savoir que quel boutton il a cliqué en donnant un "name" à chacun d'eux.
En revanche pour la popup direct va falloir trouver une parade

[Grizzzly]

Voici la solution que j'ai imaginée :

Le bouton Preview fait appel à un JavaScript qui fait les étapes suivantes :

1) ouvre en pop-up un fichier HTML qui contient une copie invisible du formulaire original. Ce formulaire pointe le fichier preview.php dans sa propriété action.

2) remplit automatiquement tous les champs du formulaire en récupérant les données du formulaire de la fenêtre appelante. Je sais que c'est possible mais je ne sais pas trop comment faire.

3) déclenche l'action Submit

Et voilà, le reste se fait tout seul. La page preview.php est appelée avec les données envoyées en POST et affiche le résultat.

Du coup, je crois que ce message devrait plutôt être enregistré dans le forum JavaScript plutôt que PHP. Mais je ne pouvais pas deviner, je viens tout juste d'inventer cette solution.

[12monkeys]

Hello

Et pourquoi ne pas tout mettre sur une et même page, tu ne te compliquerais pas autant la vie...

[Grizzzly]

Envoyé par 12monkeys

Hello

Et pourquoi ne pas tout mettre sur une et même page, tu ne te compliquerais pas autant la vie...

Tu veux dire mettre un bloc preview plus bas dans la page, qui se remplirait au fur et à mesure que l'utilisateur tape ses infos dans le champs du formulaire ? Ben c'est du DHTML ou AJAX ça. Je ne connais rien à ces technos...

[12monkeys]

Non je veux dire, en schématisant :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
if (appui sur bouton envoyer formulaire) {
 
//verif du formulaire
 
} else {
 
//declaration des variables
 
}
 
if (appui sur bouton envoyer formulaire et aucune erreur dans les réponses) {
 
//traitement (ex : envoi mail....)
 
//affichage de la page de résultat
 
} else {
 
//affichage du formulaire
 
//affichage de la liste des erreurs...
 
}

Pas de DHTML ni d'ajax, simplement du HTML et du PHP, avec le formulaire qui renvoi sur lui même...

[Grizzzly]

Ah, ok, je vois ce que tu veux dire. Tu proposes de faire une prévisualisation de la même manière que c'est fait sur le forum de discussion ? Ça ne répond pas au besoin, on m'a demandé de la mettre dans un pop-up.

[DaRiaN]

Bonsoir,
à l'heure où les anti-popup sont légion, c'est étonnant que quelqu'un vous fasse une telle demande.

Cordialement,
DaRiaN.

[julien.63]

salut,
tu peux aussi, dans ton popup mettre un formulaire avec que des champs hidden qui portent les mêmes noms que ceux du formulaire d'origine. Si la personne valide la prévisualition, alors le traitement sera la même. Si la personne veut modifier, alors chaque tu mets dans les champs la valeur qui à le même nom dans le $_POST.

[metfan]

plutot que faire un pop up tu peux ouvrir une autre page en utilisant les artifice comme Thickbox, c'est trés pratique et ça fait moderne.

[Grizzzly]

Finalement j'ai pu mettre en place la solution que j'ai proposée. J'ai compris comment récupérer les données du formulaire dans la page d'origine, etc. Et maintenant, tout fonctionne bien. Là je reviens sur ce post pour vous signaler que tout est réglé et, c'est marrant, je constate que la solution que j'ai mise en place est exactement celle proposée par julien.63 : la pop-up ouvre une vulgaire page vierge qui contient le formulaire avec tous les champs cachés, les valeurs sont affectées, un Submit est fait par programmation et hop, la page de résultat du preview est appelée par ce formulaire caché. L'utilisateur ne se rend compte de rien. Et ça marche à merveille. Plus besoin de passer par la méthode GET.

Sinon, Thickbox, c'est quoi au juste ? Je suis curieux...

Merci pour votre soutien moral !

[julien.63]

salut,
va voir sur cette page et clique sur la photo sous "DEMO".
c'est une page pris au hasard dans google.

[Grizzzly]

OK, j'ai effectivement trouvé PLEIN de pages sur le sujet en fouillant sur Google. Ça a l'air bien (moderne comme disait l'autre). Je crois que je vais implanter ça dans la prochaine version.