Select automatique ouvrant une popup + POST

Bonjour,

Je cherche à ouvrir une popup en faisant un choix dans une liste déroulante. Voici le code simplifié :

Code:

---

1 2 3 4 5 6 7 8 9 10

<form method="post" name="active" action="" onsubmit="javascript:ouvrirPopup('popup.php', 'popup', 'yes', 'yes'); return false;"> <input type="hidden" name="id" value="" /> <select name="date" size="1" onchange="javascript:submit();"> <option selected="selected">History : </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </form>

---

Cela ne fait rien (aucune réaction lors de la sélection).

J'ai aussi essayé d'ouvrir la popup directement depuis la liste (sans valider le form) :

Code:

---

1 2 3 4 5

<form method="post" name="active" action=""> <input type="hidden" name="id" value="" /> <select name="date" size="1" onchange="javascript:ouvrirPopup('popup.php', 'popup', 'yes', 'yes'); return false;"> ...

---

Cette fois la popup s'ouvre bien mais les valeurs POST ne sont pas passées.

Je précise que je ne veux pas de bouton de soumission (je veux garder la tête haute !) et que la fonction javascript fonctionne bien.

Merci d'avance pour votre aide !

Un truc comme ça :

Code:

---

<form method="post" name="active" action="popup.php" target="newWin" onsubmit="window.open(this.action, 'newWin', 'width=800, height=600');">

---

Citation:

---

Envoyé par Bisûnûrs

Code:

---

<form method="post" name="active" action="popup.php" target="newWin" onsubmit="window.open(this.action, 'newWin', 'width=800, height=600');">

---

---

+1 C'est la même logique qu'il faut utiliser d'ailleurs pours les liens ouvrant une popup pour rendre l'action exécutable en cas d'absence de JS.

Citation:

---

Je précise que je ne veux pas de bouton de soumission (je veux garder la tête haute !)

---

8O Comment ça?

La méthode que tu utilises est sans doute une des méthode les plus intrusive,
les moins conventionnelle pour l'utilisateur et donc ergonomiquement défaillante.
Risquée: outils/options de blocage de pop-up
Et enfin peu accessible pour de multiples raisons...

Bonjour,

C'est un développement pour intranet, cette méthode est une demande du responsable, et tous les postes seront configurés de la même façon, donc aucun risque de blocage :)

Je vais tester cette solution.

(pour la tête haute c'était juste une blague par rapport à la soumission, personnellement je n'ai rien contre la méthode :lol: )

Edit : cela fonctionne, cela ouvre bien la page cible dans une nouvelle fenêtre, seulement cela n'ouvre pas une vraie popup en 800*600 comme indiqué dans les paramètres mais un nouvel onglet dans Firefox...

Citation:

---

Envoyé par Jarodd

C'est un développement pour intranet, cette méthode est une demande du responsable, et tous les postes seront configurés de la même façon, donc aucun risque de blocage :)

---

D'accord alors dans ce cas ça ne pose en effet presque plus de problème
(c'est pour ça qu'il vaut mieux préciser le contexte dés le départ) ;)

Citation:

---

Envoyé par Jarodd

Edit : cela fonctionne, cela ouvre bien la page cible dans une nouvelle fenêtre, seulement cela n'ouvre pas une vraie popup en 800*600 comme indiqué dans les paramètres mais un nouvel onglet dans Firefox...

---

Bisûnurs a dû oublier d'ajouter le return false pour empêcher la propagation de l'évènement, j'avais pas tilté non plus.

Code:

---

onsubmit="window.open(this.action, 'newWin', 'width=800, height=600'); return false;">

---

Citation:

---

Envoyé par Erwan31

Bisûnurs a dû oublier d'ajouter le return false pour empêcher la propagation de l'évènement, j'avais pas tilté non plus.

Code:

---

onsubmit="window.open(this.action, 'newWin', 'width=800, height=600'); return false;">

---

---

Non non, le return false empêche d'envoyer les valeurs en POST, donc le tableau d'arrivée sera vide.
Il n'y a pas de propagation d'évènement comme le cas d'un lien, étant donné qu'il y a un target dans la balise form qui envoie justement l'utilisateur sur le popup et non dans la même fenêtre.

Le problème du nouvel onglet plutôt qu'un popup provient de la désactivation de Javascript justement.

Citation:

---

Envoyé par Bisûnûrs

Non non, le return false empêche d'envoyer les valeurs en POST, donc le tableau d'arrivée sera vide.
Il n'y a pas de propagation d'évènement comme le cas d'un lien, étant donné qu'il y a un target dans la balise form qui envoie justement l'utilisateur sur le popup et non dans la même fenêtre.

---

Oups :oops: Ok.

JS est activé sur mon poste, et fonctionne bien (nombreuses fonctions utilisées sur le reste du projet). Cependant j'aurais peut-être dû le préciser, la page du formulaire est elle-même une popup. Donc une fenêtre extérieure, vue de la popup, retombe peut-être sur la fenêtre principale, et vu qu'il y a déjà une fenêtre ouverte ça ouvre une popup pour ne pas l'écraser ? Je détaille plus :

[Page principale] -> ouvre une popup nommée "ListManage" en plein écran
[Popup ListManage] -> contient le formulaire avec le <select>. Celui-ci permet de choisir une date dans la liste déroulante, et au choix de la date on doit ouvrir une 2e popup avec des graphiques en fonction de la date choisie.

J'espère que c'est plus clair :)

Je viens de faire un test, et je n'ai pas de problème avec ce code quand la page du formulaire est elle-même dans un popup.

Ok merci à vous deux. Cela ne marche pas encore chez moi mais cela doit venir d'un problème ailleurs dans mon code (une fonction JS peut-être), donc je taggue en résolu quand même;)