Transmettre le ScrollTop de l'opener de la popup

Version imprimable

14/06/2010, 11h58
JimJames23

Transmettre le ScrollTop de l'opener de la popup
Bonjour,

J'ai une page principale qui contient un tableau contenant une centaine de ligne de ma base de données sur chaque ligne j'ai un bouton "update" qui m'ouvre une popup permettant de modifier les champs de cette ligne dans ma base.
Quand je valide mes modifications dans ma popup j'arrive à rafraichir ma page principale mais je reviens systématiquement en haut de ma page.

Mon problème est : comment revenir au scroll du bouton qui a ouvert ma popup?

J'utilise ce code dans ma popup
Code:

1 2 3 4 5 6 function refresh() { opener.document.location=opener.document.location; window.close(); }
et ensuite j'appelle ma fonction sur un bouton (onClick)

Merci d'avance.

P.S : je suis assez mauvais en JS :(

Essaie peut-être quelque chose comme :

Code:

1
2
3
4
5
6
7
function refresh()
    {	
        var pos = opener.scrollTop;
	opener.document.location=opener.document.location;
        opener.scrollTop = pos;
	window.close();
    }

et dis-nous ce que ça raconte ^^

Tout d'abord merci pour ta réponse.
Citation:
Envoyé par RomainVALERI
Essaie peut-être quelque chose comme :
Code:

1 2 3 4 5 6 7 function refresh() { var pos = opener.scrollTop; opener.document.location=opener.document.location; opener.scrollTop = pos; window.close(); }
et dis-nous ce que ça raconte ^^
Malheureusement le rechargement se fait mais pas le scroll...

J'ai essayé aussi ca avant de poster :
Code:

1 2 3 4 5 6 7 function refresh() { var pos = opener.document.documentElement.scrollTop; opener.document.location=opener.document.location; opener.document.documentElement.scrollTop = pos; window.close(); }
(avec ou sans "window." devant le opener) ca ne marchait pas non plus ...

14/06/2010, 12h35
devyan

Bonjour,

C'est tout à fait normal que cela ne fonctionne pas.
L'action effectuée est un chargement de page pas un rechargement...

Essayes avec opener.document.location.reload()

devyan

Merci pour la réponse

J'ai donc remplacé par opener.document.location.reload()

La page se recharge correctement mais toujours pas de scroll. La page se recharge en haut.

Mon code
Code:

1 2 3 4 5 6 7 8 function refresh() { var pos=opener.scrollTop; opener.document.location.reload(); opener.scrollTop=pos; window.close(); }
idem si je met opener.document.scrollTop

14/06/2010, 13h48
JimJames23
Je crois comprendre (peut etre) le problème.

Si je teste ce code :
Code:

1 2 3 4 5 6 7 function refresh() { opener.document.location.reload(); opener.scrollTo(0,200); window.close(); }
La page se recharge et le scroll est en haut. (le scrollTo ne fonctionne pas)

Si je fais
Code:

1 2 3 4 5 6 function refresh() { opener.scrollTo(0,200); window.close(); }
La page ne se rafraichit pas (forcément!) mais par contre le scroll bouge.

Est ce qu'il y aurait pas un problème du au temps de rechargement ou un truc du genre ?!
14/06/2010, 14h08
RomainVALERI
C'est peut-être effectivement le temps nécessaire au moteur de rendu pour modéliser et réafficher la page qui empêche l'exécution du scrollTo (qui arrive "trop tôt") :koi:
As-tu fait le test de mettre le scrollTo dans un setTimeOut de quelques millisecondes ? (100 à vue de nez)
Code:

1 2 3 4 5 6 7 8 function refresh() { opener.document.location.reload(); setTimeOut(function() { opener.scrollTo(0,200); window.close(); }, 100); }
?
14/06/2010, 14h19
JimJames23
Nope .. ca marche toujours pas, la page se rafraichit mais toujours en haut.

(meme le setTimeout du scrollTo ne marche pas tout seul sans rafrachir...code ci dessous)
Code:

1 2 3 4 5 6 function refresh() { setTimeout("opener.scrollTo(0,300)",1000); window.close(); }
Ton code ne marche pas non plus
J'ai une erreur (la page se rafraichit mais ne scroll pas . Mais la page ne se ferme pas)
L'erreur est : Objet Attendu
14/06/2010, 14h32
Bovino

Lorsque tu ouvres une popup avec window.open, tu crées un lien de "parenté" entre la popup et la page qui l'a ouverte (window.opener). Seulement, en rechargeant la page, tu détruis en même temps ce lien de parenté : la page rechargée n'est donc plus accessible depuis la popup.
14/06/2010, 14h34
devyan

Normalement reload() "seul" devrait suffire (si tu fais F5 la page reviens à la position de scroll précédent)
14/06/2010, 14h42
JimJames23

Citation:

Envoyé par Bovino

Lorsque tu ouvres une popup avec window.open, tu crées un lien de "parenté" entre la popup et la page qui l'a ouverte (window.opener). Seulement, en rechargeant la page, tu détruis en même temps ce lien de parenté : la page rechargée n'est donc plus accessible depuis la popup.

Bonjour,

Je comprends que le lien se casse. Cependant, je suis persuadé qu'il est possible de rétablir le scroll au moment du lancement de la popup quand on rafraichit. Il me faudrait un équivalent du F5 en fait.

La fonction reload() "seule" recharge mais ne me redonne pas la position du scroll au moment du lancement de la popup...

Merci quand meme ...
14/06/2010, 14h47
devyan

Citation:

Envoyé par JimJames23

La fonction reload() "seule" recharge mais ne me redonne pas la position du scroll au moment du lancement de la popup...

Si c'est la position "au moment du lancement de la popup" que tu désires il faut donc le mémoriser (par exemple en la récupérant au chargement de la popup)

Q: si l'utilisateur a changé de page dans la fenêtre ouvrant la popup tu fais quoi ? tu reviens à la page d'ouverture de la popup ?
14/06/2010, 14h51
Bovino

Citation:

Envoyé par devyan

Si c'est la position "au moment du lancement de la popup" que tu désires il faut donc le mémoriser (par exemple en la récupérant au chargement de la popup)

Il faudra alors passer par un système d'ancre.

Citation:

Envoyé par devyan

Q: si l'utilisateur a changé de page dans la fenêtre ouvrant la popup tu fais quoi ? tu reviens à la page d'ouverture de la popup ?

Si l'utilisateur a changé de page, il n'y a plus d'opener donc plus de reload possible ;)
14/06/2010, 14h54
JimJames23
Citation:

Envoyé par devyan

Q: si l'utilisateur a changé de page dans la fenêtre ouvrant la popup tu fais quoi ? tu reviens à la page d'ouverture de la popup ?

Le problème ne se pose pas car l'utilisateur ne change pas de page ... c'est certain.
-----
Je suis d'accord, il faut récuperer la valeur du scroll..seulement les codes pour réattribuer cette valeur du scroll après reload ne fonctionne pas ...

Un code du type :
Code:

1 2 3 4 5 6 7 8 function refresh() { var scroll=opener.scrollTop; opener.location.reload(); opener.scrollTop=scroll; window.close(); }
fonctionne car il ne crée pas d'erreur et recharge bien la page .. mais il ne scroll pas la page ... (logique d'après le post précédent puisque le lien serait rompu ...)

Alors comment faire ? (ou plutot comment font certains sites pour y arriver?!)

:roll:
14/06/2010, 14h55
JimJames23

Citation:

Envoyé par Bovino

Il faudra alors passer par un système d'ancre.

What ?! lol
Je suis un peu bidon en JS. Systeme d'ancre ?
Si tu as un code ... je suis preneur

Merci en tout cas! :)
14/06/2010, 14h58
devyan

Citation:

Envoyé par Bovino

Si l'utilisateur a changé de page, il n'y a plus d'opener donc plus de reload possible ;)

opener donne un objet window pas document il me semble.
Théoriquement cela ne devrai donc pas poser de problème
14/06/2010, 15h01
Bovino

Tu ne pourras pas y arriver uniquement en JavaScript. Tu dois donc modifier ta structure HTML pour y ajouter des ancres : http://j-willette.developpez.com/tut...ge_2#LII-E-2-a

Puis, au chargement de ta popup, tu recherches dans le DOM l'ancre la plus proche et au lieu de faire un

Code:

opener.location.reload()

tu fais

Code:

opener.location.href = opener.location.href + '#' + ton_ancre
14/06/2010, 15h04
Bovino

Citation:

Envoyé par devyan

opener donne un objet window pas document il me semble.

oui, tout à fait :)

Citation:

Envoyé par devyan

Théoriquement cela ne devrai donc pas poser de problème

Ben si, si l'utilisateur change de page, il remplace l'objet window, donc l'opener de la popup n'existe plus.
14/06/2010, 15h05
devyan

C'est bon à savoir ;)
14/06/2010, 15h09
JimJames23

Citation:

Envoyé par Bovino

Tu ne pourras pas y arriver uniquement en JavaScript. Tu dois donc modifier ta structure HTML pour y ajouter des ancres : http://j-willette.developpez.com/tut...ge_2#LII-E-2-a

Puis, au chargement de ta popup, tu recherches dans le DOM l'ancre la plus proche et au lieu de faire un

Code:

opener.location.reload()

tu fais

Code:

opener.location.href = opener.location.href + '#' + ton_ancre

Ok j'ai regardé vite fait les ancres je vais tester ... mais le probleme c'est que ma page principale (l'opener donc) est un tableau ou j'affiche les lignes de ma base de données avec un bouton "update" à chaque ligne qui ouvre la popup et il faudrait donc que la page "scrolle" sur le bouton update de la ligne que j'ai cliqué...
C'est possible avec une ancre ca ?!
14/06/2010, 15h26
JimJames23

Code:

opener.location.href = opener.location.href + '#' + 'ton_ancre'

J'ai créé une ancre bidon à la fin de mon tableau juste voir si ca marche..
Ce code ne me donne pas d'erreur mais ne scroll toujours pas...
De plus, étant donné que mon ancre sera ensuite dans une boucle ca ne pourra pas m'aller ...
D'autre part, la page ne se recharge pas avec un href ...

:/

Je désespere...
14/06/2010, 15h36
JimJames23

Citation:

Envoyé par JimJames23

Code:

opener.location.href = opener.location.href + '#' + 'ton_ancre'

J'ai créé une ancre bidon à la fin de mon tableau juste voir si ca marche..
Ce code ne me donne pas d'erreur mais ne scroll toujours pas...
De plus, étant donné que mon ancre sera ensuite dans une boucle ca ne pourra pas m'aller ...
D'autre part, la page ne se recharge pas avec un href ...

:/

Je désespere...

Correction ca marche l'ancre.
Le probleme est que si j'ouvre une deuxieme fois le href devient mapage.php#ancre#ancre et ainsi de suite autant de fois que je l'ouvre.

Ma vrai question est que mon ancre est dans ma boucle donc comment je défini l'ancre par rapport à la ligne?
14/06/2010, 15h42
RomainVALERI

Une autre voie peut-être ?

>>> passer en param la position verticale du point auquel il faudra revenir, et ce dès l'ouverture de la pop-up. Celle-ci conserve cette information jusqu'à sa fermeture, puis la renvoie (en param dans l'URL) à nouveau en rechargeant la page. Cela implique que ta page vérifie par défaut au chargement la présence de ce paramètre et, le cas échéant, se positionne là où il faut...

J'ai reussi à trouver une solution...
Cependant elle est pas optimale

En fait je recharge la page et ensuite je lui assigne le numéro de ligne grace aux ancres. Ceci dit il faut que la page soit entierement rechargée pour que je puisse affecter l'ancre sinon la page revient encore en haut.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function refresh(ancre) { var uri = window.opener.location.href; if (window.opener.location.hash != "" ) { var uri = chercheRemplace( window.opener.location.href, window.opener.location.hash, '') } window.opener.location.href = uri; window.opener.location.reload(); ur = uri + '#' + ancre; setTimeout("window.opener.location.href = ur",4000); setTimeout("window.close()",4000); }
Dans le code je suis obligé de mettre un setTimeout de 4 seconds car selon les filtres que j'ai appliqué dans ma page opener la requete peut mettre 4 secondes pour s'executer. Mais en général, elle met moins...

Ma question : peut on "tester" quand la page a terminé de se recharger et lui dire à ce moment la le "href" avec l'ancre plutot que de faire attendre à chaque fois 4 secondes ??

16/06/2010, 16h12
SpaceFrog

self.opener.scrollTo()
ne marcherait pas ?
sans reload de l'opener ?
sinon faut passer le scrollTop en get et faire un scrollTo sur le onload de l'opener

Bon j'ai fini par trouvé la solution

Dans la popup :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
    function chercheRemplace( text, stringToFind, stringRemplacement) 
    {
		var text = text.toString() ;
		var maReg = new RegExp( stringToFind, "gi") ;
		var resultat = text.replace( maReg, stringRemplacement ) ;
 
		if ( text.search( maReg ) == -1 )
			return text;
		else
			return resultat ;
    }
    function refresh(ancre)
    {
	var uri = window.opener.location.href;
	if (window.opener.location.hash != "" ) 
	{
		var uri = chercheRemplace( window.opener.location.href,   window.opener.location.hash, '')
	}	
        ur = uri + '#' + ancre;
	window.opener.location.href=ur;
	window.opener.location.reload();
	window.close();
    }

et dans l'opener

Code:

1
2
3
4
5
 
if (window.location.hash!="")
{
window.location.replace(window.location.href);
}

Voila...l'astuce est de remettre l'ancre dans l'opener après que la page soit rechargé par la popup!

Merci à tous pour vos suggestions.

Fuseau horaire GMT +2. Il est actuellement 18h51.