Discussion :

[riete]

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 :

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

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 :

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

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

Mais la variable du formulaire n'est pas transmise.

Merci

[E.Bzz]

Bonjour,

Code :

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

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

A+

[riete]

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

Code :

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

<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

[SpaceFrog]

Pas testé mais un truc du genre :

Code :

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

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

[riete]

Pas testé mais un truc du genre :

Code :

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

<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

[riete]

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

Code :

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

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 :

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

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>

[E.Bzz]

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

Code :

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

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 :

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

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'");
}

A+

[riete]

Caustique n'est ce pas

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 :

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

return true;

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

[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+

[riete]

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 ...

[XXdiZZ]

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 ?

[SpaceFrog]

appeler juste une fonction ...

[XXdiZZ]

Quelle fonction s'il te plait ?

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

Code :

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

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 ?

[SpaceFrog]

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 ...

[XXdiZZ]

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

Merci