Formulaire et ModalDialog

Version imprimable

22/10/2007, 10h38
madevilts

Formulaire et ModalDialog

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

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

Code:

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

Code:

<a href="javascript:monform.target='mapopup';monform.submit()">valider</a>
22/10/2007, 11h40
E.Bzz

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:

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

A+
22/10/2007, 11h58
madevilts

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:

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

Code:

<input type="submit">
22/10/2007, 12h18
E.Bzz

Effectivement, il y avait plusieurs erreurs.

Code:

<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+
22/10/2007, 14h13
madevilts

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.
22/10/2007, 14h24
madevilts
Donc voici ce que je viens de tester :

test.php

Code:

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

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:

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.
22/10/2007, 14h34
E.Bzz

Citation:

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:

target="_self"

?
Etonnant ...

A+
22/10/2007, 14h48
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.

Avec target="_self", pas mieux.

test.php

Code:

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

test2.php
Code:

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:

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.
22/10/2007, 15h12
E.Bzz

Citation:

Envoyé par madevilts

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

Citation:

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+
22/10/2007, 15h41
madevilts

Citation:

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".
22/10/2007, 15h55
E.Bzz

Citation:

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 :

Citation:

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+
22/10/2007, 15h58
madevilts

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
22/10/2007, 16h07
danyboy85

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.
22/10/2007, 16h16
madevilts

En fait, tu mets l'iframe dans ta modale si j'ai bien compris.
22/10/2007, 16h21
danyboy85

Citation:

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.
22/10/2007, 16h22
madevilts

:D Ok

Merci à vous 2 pour votre aide !
17/12/2007, 10h25
TucSale
bonjour,

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

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