Formulaire et ModalDialog

**madevilts** · 22/10/2007, 10h38

Bonjour à tous,

J'ai un petit souci avec un formulaire dans une popup.

J'ouvre une popup avec window.showModalDialog, qui affiche un formulaire. Lorsque je submit le formulaire, ça m'ouvre une nouvelle fenetre IE avec la page de destination dedans... sauf que je voudrais que la page de destination s'ouvre dans cette meme popup qui est déjà ouverte et forcément en focus vu que l'on vient de cliquer dessus pour valider le form.

Sans mettre de target dans la balise form, ça ne fonctionne pas et avec target='nomdemapopup', ça ne marche pas mieux.

je fais peut etre une erreur dans le code...

Code :

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

<form name="monform" action="enregistrer.php?id=5" method="post">

Code :

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

<a href="javascript:monform.target='mapopup';monform.submit()">valider</a>

**E.Bzz** · 22/10/2007, 11h40

Bonjour,
un <A HREF> n'est pas le meilleur moyen de faire un submit(). C'est lui qui t'ouvre la nouvelle fenêtre.

Code :

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

<a href="#" onclick="monform.target='mapopup';monform.submit(); return false;">valider</a>

A+

**madevilts** · 22/10/2007, 11h58

Merci pour la réponse. Je ne savais pas que cette méthode était préférable. Néanmoins, elle ne fonctionne pas. :-(

Mon code actuel qui ne fonctionne toujours pas.

Code :

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

<form name="monform" action="enregistrer.php?id=5" target="mapopup" method="post">

Code :

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

<input type="submit">

**E.Bzz** · 22/10/2007, 12h18

Effectivement, il y avait plusieurs erreurs.

Code :

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

<a href="#" onclick="document.forms['monform'].submit(); return false;">valider</a>

Bref, c'est la même chose que le bouton type="submit".
... qui devrait fonctionner sans problème (et sans target) ...

A+

**madevilts** · 22/10/2007, 14h13

Oula, je suis dans le paté je n'avais pas vu, c'est plus propre comme ça mais normalement l'autre code devait fonctionner aussi. Ca ne règle toujours pas le problème. Peut etre que ça vient du ModalDialog qui ne supporte pas ou peu les formulaires ?

Je vais tester avec une page toute bete pour voir.

**madevilts** · 22/10/2007, 14h24

Donc voici ce que je viens de tester :

test.php

Code :

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

<a href="#" onclick="window.showModalDialog('test2.php','poptest','dialogWidth:700px;dialogHeight:470px;center:1;scroll:0;help:0;status:0');return false;">Test!</a>

test2.php

Code :

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

1
2
3
4
<form id="popform" action="test3.php" method="post" target="poptest">
	<input type="text" name="texte">
	<input type="submit">
</form>

test3.php

Code :

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

1
2
Ca marche !!!
<?php echo $_POST['texte']; ?>

Avec ou sans le target, le résultat est le même.
Une nouvelle fenetre s'ouvre avec le test3.php dedans.

Lorsque je remplace window.showModalDialog... par window.open, ça marche nickel (a condition que le target soit correct ou non présent).

En tout cas, merci de ton aide.

**E.Bzz** · 22/10/2007, 14h34

Envoyé par madevilts

Avec ou sans le target, le résultat est le même.
Une nouvelle fenetre s'ouvre avec le test3.php dedans.

Sans target ?
Et avec

Code :

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

target="_self"

?
Etonnant ...

A+

**madevilts** · 22/10/2007, 14h48

Oui j'ai essayé sans le target. Lorsqu'on ne le met pas, il utilise la fenetre dans laquel est le formulaire. Ca n'a rien donné de mieux.

Avec target="_self", pas mieux.

test.php

Code :

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

<a href="#" onclick="window.showModalDialog('test2.php');return false;">Test!</a>

test2.php

Code :

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

1
2
3
4
<form id="popform" action="test3.php" method="post" target="_self">
	<input type="text" name="texte">
	<input type="submit" value="click">
</form>

test3.php

Code :

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

1
2
Ca marche !!!
<?php echo $_POST['texte']; ?>

Ca doit etre une limite à ce type de popup. Dommage car il est bien pratique. Je vais voir pour enregistrer mon formulaire via un HtmlRequest car j'ai absolument besoin de ce type de popup.

Si tu as d'autres idées de test... je suis tout à ton écoute.

**E.Bzz** · 22/10/2007, 15h12

Envoyé par madevilts

je voudrais que la page de destination s'ouvre dans cette meme popup qui est déjà ouverte

Envoyé par madevilts

Oui j'ai essayé sans le target. Lorsqu'on ne le met pas, il utilise la fenetre dans laquel est le formulaire. Ca n'a rien donné de mieux.

Ben faudrait savoir

Peux-tu (re) préciser quel est le résultat attendu ?

Le résultat du <form> doit s'afficher dans ta pop "modale" ou pas ?

A+

**madevilts** · 22/10/2007, 15h41

Envoyé par E.Bzz

Ben faudrait savoir

Peux-tu (re) préciser quel est le résultat attendu ?

Le résultat du <form> doit s'afficher dans ta pop "modale" ou pas ?

A+

Oui le résultat du form doit s'afficher dans la pop "modale". Désolé si je n'ai pas été très clair.

j'ai pensé qu'en ne mettant pas de target, il afficherait betement le résultat à la place du formulaire, c'est à dire dans la pop "modale".

**E.Bzz** · 22/10/2007, 15h55

Envoyé par madevilts

Oui le résultat du form doit s'afficher dans la pop "modale". Désolé si je n'ai pas été très clair.

C'est ce qui semblait être le cas, mais sans que ça te convienne :

Envoyé par madevilts

Oui j'ai essayé sans le target. Lorsqu'on ne le met pas, il utilise la fenetre dans laquel est le formulaire. Ca n'a rien donné de mieux.

Pour résumer :
pour afficher le résultat du form dans la pop (modale) dans laquelle il se trouve, dans le tag <form> il faut, soi ne pas mettre de target, soi mettre target="_self"

A+

**madevilts** · 22/10/2007, 15h58

En fait, je voulais dire :

Oui j'ai essayé sans le target. Lorsqu'on ne le met pas, normalement il utilise la fenetre dans laquel est le formulaire. Ca n'a rien donné de mieux, ça ne marche pas.

Donc voila tout le problème, j'ai essayé les 2 (pas de target ou target="_self") et ça ne fonctionne pas. Quoi que je fasse, le résultat est toujours le meme : il ouvre une nouvelle fenetre.

Par contre, dans le cas, ou j'utilise une popup normale "window.open", ça marche parfaitement avec :
target = "_self"
target = "mapopup"
ou sans target

**danyboy85** · 22/10/2007, 16h07

Oui c'est un problème bien connu, je l'ai rencontré aussi et je n'ai trouvé qu'une seule solution c'est d'avoir un page toute simple avec juste un iframe et c'est elle que tu vas ouvrir quand tu appelles ton showModalDialog.

Ensuite dans ton iframe tu affiches la page que tu veux. Et donc si tu as un lien sur cette page il va bien ouvrir la nouvelle page dans l'iframe et non pas dans une nouvelle fenêtre.

**madevilts** · 22/10/2007, 16h16

En fait, tu mets l'iframe dans ta modale si j'ai bien compris.

**danyboy85** · 22/10/2007, 16h21

Envoyé par madevilts

En fait, tu mets l'iframe dans ta modale si j'ai bien compris.

Oui c'est bien ca. Bon après si tu as des paramètres à récupérer de ta page mère à ta page modale et vice versa, cela engendre un peu plus de code mais rien d'insurmontable.

**madevilts** · 22/10/2007, 16h22

Ok

Merci à vous 2 pour votre aide !

**TucSale** · 17/12/2007, 10h25

bonjour,

Pour les liens type '<a href="safe.html">link</a>' il faut ajouter dans le head

Code :

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

1
2
 
<base target="_self" />

en revanche dès que l'on introduit du javascript dans le lien cela ouvrira une nouvelle fenetre

PS: showModalDialog() est implémenté dans le version 3 de firefox
http://developer.mozilla.org/fr/docs...howModalDialog

Formulaire et ModalDialog

JavaScript

Discussions similaires

Partager

Partager