Discussion :

[renaud26]

Bonjour à tous,

Supposons un très long formulaire.
Au milieu de ce formulaire, un lien ouvre une popup qui permet de choisir une image par un bouton radio.

Le clic sur ce bouton a 2 fonctions :
- window.close()
- Un window.opener qui appelle une fonction de la page parent et affiche l'image qui a été choisie dans un div.

Jusqu'à là, tout va bien.

L'ennui, c'est que lorsque la popup se ferme, le navigateur "saute" et remonte en tête de page alors que je voudrais que la page parent reste au même niveau que le lien de la popup. (C'est un détail, mais le formulaire étant très long, ce n'est pas très pratique...)

J'ai essayé avec une ancre...
Pas de succès.
Quelqu'un a une idée ?

[RomainVALERI]

A la rigueur, on peut imaginer une solution "à la main" en stockant la valeur du scroll de la fenêtre mère et forcer à nouveau cette valeur après fermeture de la popup, c'est-à-dire quand la fenêtre principale récupère le focus...

[le_chomeur]

et avec une ancre ??

[RomainVALERI]

et avec une ancre ??

J'ai essayé avec une ancre...

@le chomeur : mais je t'accorde que c'est bizarre : j'aurais moi aussi essayé ça dans un premier temps...
@renaud26 : On peut voir comment tu as implémenté le mécanisme ? (c'est peut-être une erreur de code et pas de raisonnement ^^)

[le_chomeur]

on dirait que le code est posté ( page rafraichie ... mais même avec un ancre ça devrait marcher )

[SpaceFrog]

sinon juste eviter le popup en restant sur la page mère avec un truc comme prototype window ...

[RomainVALERI]

(c'est peut-être une erreur de code et pas de raisonnement ^^)

*sifflotte*

[Macmillenium]

Pas besoin d'ancre :

Code :

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

1
2
 
<a href="javascript:void(0)" onClick="popupcentre('images.php','images','850','800','yes')">Cliquez ici pour choisir une image</a>

Code :

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

1
2
 
<a href="javascript:popupcentre('images.php','images','850','800','yes')">Cliquez ici pour choisir une image</a>

Code :

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

1
2
 
<a href="javascript:popupcentre('images.php','images','850','800','yes')" onclick="return false;">Cliquez ici pour choisir une image</a>

Je recommande la 1ére solution

[renaud26]

Bonjour à tous,

Je me permets de réouvrir ce post, car je souhaiterais avoir une précision :

J'ai donc écrit mon lien de cette façon :

Code :

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

1
2
 
<a href="javascript:void(0)"  onclick="fonction();return false;">Clic</a>

Mais supposons que le window.close() de la popup soit suivi d'un window.opener qui appelle une fonction de la page parent, et que cette fonction rafraîchisse la page :

Code :

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

1
2
3
4
5
6
7
 
<a href="#" onClick="window.close();window.opener.rafraichit("mapage.php?id=1")>Fermer</a>
 
//et dans la page parent
function rafraichit(url){
window.location.href=url;
}

Comment, après le refresh de la page, être au même niveau que la popup ?
Mettre une ancre + url#ancre dans la fonction "rafraichit" empêche justement le refresh...

[SpaceFrog]

Mettre une ancre + url#ancre dans la fonction "rafraichit" empêche justement le refresh...

rajoutes un timestamps dans l'url avant l'ancre ...

[renaud26]

Mille excuse, je n'ai pas vu ton post.
Un timestamp avant l'ancre ?
Peux-tu préciser ?

[SpaceFrog]

tu n'es pas logique dans l'ordre des instructions ...
si tu fais un window.close() suivi d'une instruction, la seconde instruction à de fortes chances de ne pas etre exécutée vu que la page est fermée ...

ensuite ce que l'on appelle un timestamp est un paramètre aléatoire et changeant qui oblige le rechargement de la page, le paramètre devant être remis au serveur ...

[renaud26]

Hello Space Frog,

Si, cette "suite" fonctionne très bien : le popup comprend un window.close ET un opener(fonction X) sur le onclick.
Elle se ferme et appelle la fonction X de la page parent qui dit "refresh"...la page parent.

Bon, il se trouve que je voudrais refresh et "arriver" au niveau d'une ancre.
Et que effectivement... url+#ancre fait que window.location.href est inopérant.

Si j'enlève le #ancre, c'est ok.

Le timestamp : je ne capte pas trop son utilité...mais je vais creuser.

[RomainVALERI]

ensuite ce que l'on appelle un timestamp est un paramètre aléatoire et changeant qui oblige le rechargement de la page, le paramètre devant être remis au serveur ...

tout-à-fait ^^
juste un exemple pour notre ami :

Code javascript :

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

1
2
var ts = new Date().getTime();
var tonUrl = "www.tonsite/section/page.php?pageId=page1&ts=" + ts;

>>> le nombre de millisecondes contenu dans ts sera à chaque fois différent, garantissant que ton url le sera aussi, évitant l'utilisation d'une version "en cache" de ta page dans le navigateur client... ^^