Soumettre formulaire a un popup

Quelle est la méthode la plus simple pour ouvrir une fenêtre popup quand je soumet un formulaire et que le contenu du formulaire soit passé à la fenêtre en question.
Je veux que le script supervis.php s'ouvre dans le popup.

Code:

---

1 2 3

<form id=f2 method=post method=supervis.php> <input type=text name=ch> <input type="submit" value="Superviser">

---

J'ai essayé

Code:

---

<form id=f2 method=post onsubmit="window.open('supervis.php')">

---

Mais la variable du formulaire n'est pas transmise.

Merci

Bonjour,

Code:

---

<form id="f2" method="post" method="supervis.php" target="_blank">

---

A+

J'ai essayé ceci, mais le script s'ouvre dans un nouvel onglet pas dans un popup ?

Code:

---

<form id="f2" method="post" action="supervis.php" target="_blank">

---

J'aimerais qu'un fois le formulaire soumis, le script s'ouvre dans un popup.
merci

Pas testé mais un truc du genre :

Code:

---

<form id="f2" method="post" onsubmit="window['mypop']=window.open('supervis.php','mypop');while(!mypop.document.body){void(0)};" target="mypop">

---

Citation:

---

Envoyé par SpaceFrog

Pas testé mais un truc du genre :

Code:

---

<form id="f2" method="post" onsubmit="window['mypop']=window.open('supervis.php','mypop');while(!mypop.document.body){void(0)};" target="mypop">

---

---

J'ai testé. Vu que je ne comprends pas bien la méthode, je ne peux pas dire ce qu'il se passe. Mais ce que je vois, c'est que le navigateur (FF) ouvre un nouvel onglet avec la page appelante (celle du formulaire) ?? Rien de plus.
Une autre suggestion? merci

Voici un code qui fonctionne, je l'ai adapté, mais il n'est pas de moi :oops:
La fonction JS qui va bien

Code:

---

1 2 3 4 5 6

function pop_form(the_form) { my_form = eval(the_form); window.open("", "popup", "height=440,width=640,menubar='no',toolbar='no',location='no',status='no',scrollbars='no'"); my_form.target = "popup"; my_form.submit(); }

---

Le code du forumulaire

Code:

---

1 2 3

<form name="supervis_form" id="f2" method="post" method="supervis.php"> <input type=text name=ch> <input type="submit" value="Superviser" onclick="pop_form('supervis_form')"></form>

---

:yaisse2:

Il y a aussi une méthode "propre" (enfin, plus) pour faire la même chose

Code:

---

1 2 3

<form name="supervis_form" id="f2" method="post" action="supervis.php" target="popup" onsubmit="pop_form('supervis_form'); return true;"> <input type=text name=ch> <input type="submit" value="Superviser"></form>

---

avec

Code:

---

1 2 3

function pop_form(the_form) { window.open("", "popup", "height=440,width=640,menubar='no',toolbar='no',location='no',status='no',scrollbars='no'"); }

---

:mrgreen:

A+

Caustique n'est ce pas :aie: ;)

Je dois l'admettre c'est meilleur et en plus ça fonctionne ce qui ne gâche rien à l'affaire. Bravo

Petit question subsidiaire:
Pourquoi le

Code:

---

return true;

---

Juste pour autoriser le submit et envoyer le contenu du formulaire ?

Disons que ça permet d'utiliser le fonctionnement standard d'un formulaire : pas de onclick sur le bouton submit + utilisation du onsubmit + définir au niveau HTML toutes les propriétés qui peuvent l'être + laisser le formulaire faire tout seul ce qu'il sait faire ;)

EDIT subsidiaire : Oui, c'est à ça que sert le onsubmit : bloquer l'envoi si le onsubmit renvoie false (en cas de contrôle KO, par exemple)

A+

Citation:

---

Envoyé par E.Bzz

Disons que ça permet d'utiliser le fonctionnement standard d'un formulaire : pas de onclick sur le bouton submit + utilisation du onsubmit + définir au niveau HTML toutes les propriétés qui peuvent l'être + laisser le formulaire faire tout seul ce qu'il sait faire ;)

EDIT subsidiaire : Oui, c'est à ça que sert le onsubmit : bloquer l'envoi si le onsubmit renvoie false (en cas de contrôle KO, par exemple)

A+

---

Merci pour toutes ces infos, petit à petit l'oiseau ...

L'attribut name dans le form n'est plus valid xhtml, tout comme target ....

Comment peut on faire pour que cela soit valider par w3c ?

appeler juste une fonction ...

Quelle fonction s'il te plait ?

document.getElementById('the_form'); Celle ci ??

Code:

---

1 2 3

function pop_form(the_form) { window.open("", "popup", "height=440,width=640,menubar='no',toolbar='no',location='no',status='no',scrollbars='no'"); }

---

Ce que je ne comprend pas aussi, on demande le paramètre the_form, mais dans la fonction il n'est pas appelé, à quoi sert il alors ?

non je disais juste de mettre tout le traitement dans une fonction et d'appeler la fonction soit dans l'action ou le onsubmit ...

pour ce qui est du name du form il suffit de le remplacer par un id ...

C'est bon ma pop up s'ouvre avec les données en POST ;)

Merci