Discussion :

[vincent.b]

Bonjour tlm,

Je désirerais ajouter un deuxiéme bouton à mon formulaire qui contient deux champs textarea et un bouton "submit". Le premier bouton doit se trouver à la fin du premier textarea.
Son utilité se résumera à ouvrir une nouvelle page (pop up) qui affichera un apercu (formater) de ce que l'utilisateur à saisi dans le premier texte area ce qui implique donc un envoi POST.

Est ce possible d'avoir deux bouton sur un seul formulaire? un qui affiche un apercu et l'autre qui envoi les information une fois tous les champs remplis.
Si c'est possible, comment dois je procéder ?

J'ai essayé ca mais ca ne fonctionne forcement pas puisque aucun POST n'est envoyé:

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
16
17
18
19
20
21
22
23
24
25
 
   1. <form method="POST" action="ajouter_article.php">
   2. <fieldset><Legend><strong>Ajouter un Article</strong></legend>
   3. Titre :
   4. <input type="text" name="titre" maxlength="80" size="35" >
   5.
   6. Le corps de votre article :<br />
   7. <textarea name="contenu" cols="55" rows="20" />
   8. </textarea><br />
   9. <script type="text/javascript">
  10. function viewApercu()
  11. {
  12. dimensions="width=100,height=100,top=50,left=100,screenY=50, screenX=100, resizable=yes";
  13. window.open("apercu.php","apercu","dimensions,
  14. scrollbars=yes,location=yes" );
  15. }
  16. </script>
  17. <input type="button" value="Aperçu" onSubmit="javascript:viewApercu()" /><br /><br />
  18. Informations sur l'auteur  :<br />
  19. <textarea name="infos_auteur" cols="55" rows="5" /></textarea><br /><br />
  20.
  21. <input type="submit" value="soumettre" />
  22.
  23. </fieldset>
  24. </form>

Page apercu:

Code :

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

1
2
3
4
5
   1. <?php
   2.
   3. if (!empty($_POST['article']) AND !empty($_POST['contenu'])) echo 'réussis.';
   4. else echo 'echoué';
   5. ?>

sinon si ce n'est pas possible, comment faire un apercu comme celui de ce forum ?

Merci d'avance.

[javatwister]

ouvrir une nouvelle page (pop up) qui affichera un apercu (formater) de ce que l'utilisateur à saisi dans le premier texte area ce qui implique donc un envoi POST

concrètement, tu veux "envoyer" ton formulaire, qu'il s'agisse d'un aperçu ou d'une validation; donc, passe par un formulaire.submit() sur ton bouton "aperçu"; et évite un appel de window.open(), qui va considérablement compliquer les choses;

par contre, prévois de reproduire sur la page aperçu le formulaire d'origine (comme sur ce forum), afin de pouvoir éditer au besoin puis envoyer, sans avoir à retrouver le formulaire d'origine (c'est d'ailleurs impossible avec POST);

[vincent.b]

concrètement, tu veux "envoyer" ton formulaire, qu'il s'agisse d'un aperçu ou d'une validation; donc, passe par un formulaire.submit() sur ton bouton "aperçu"; et évite un appel de window.open(), qui va considérablement compliquer les choses;

par contre, prévois de reproduire sur la page aperçu le formulaire d'origine (comme sur ce forum), afin de pouvoir éditer au besoin puis envoyer, sans avoir à retrouver le formulaire d'origine (c'est d'ailleurs impossible avec POST);

Merci pour ta réponse.
Si je comprend bien, tu me suggére de charger une nouvelle page (apercu.php) en cliquant sur apercu, qui contiendra l'aperçu ainsi que le formulaire pré-rempli ? Je trouve que c'est une bonne alternative.
Mais comme je suis null en javascript, pourrais tu me montrer comment doit se présenter mon bouton aperçu. Pour le reste ce n'est que du php je pourrais m'en sortir seul.
Merci encore une fois.

[javatwister]

eh bien, tu mets un type "submit" à ce bouton avec le code

Code :

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

mon_formulaire.action='apercu.php';mon_formulaire.submit();

et en récupérant les variables, tu en profites pour recréer le champ textarea rempli; le tout est de ne pas perdre de variable dans l'opération (penser aux champs hidden, variables de session, etc.)

[vincent.b]

Oui mais comment faire, j'ai fais:
<input type="mon_formulaire.action='apercu.php';mon_formulaire.submit();" value="Aperçu" />
Mais ca ne fonctionne pas.
Sinon que dois je mettre à la place de mon_formulaire ?
Quand j'ai dis que j'étais null en javascript, je ne blaguais pas .
Merci.

[javatwister]

Code :

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

onclick="this.action='apercu.php';this.submit()"

[vincent.b]

Code :

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

onclick="this.action='apercu.php';this.submit()"

Ca ne fonctionne pas. Mes variables POST ne sont pas récupérées sur la page apercu.php .

[javatwister]

euh oui, t'as raison, j'oubliais que t'étais pas dans la balise form;

donc:

Code :

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

onclick="this.form.action='apercu.php';this.form.submit()"

promis, ça va marcher

[vincent.b]

Merci milles fois, ca fonctionne bien .
Problème résolu .