Transmettre le ScrollTop de l'opener de la popup

**JimJames23** · 14/06/2010, 11h58

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 :

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

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

**RomainVALERI** · 14/06/2010, 12h21

Essaie peut-être quelque chose comme :

Code javascript :

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

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

**JimJames23** · 14/06/2010, 12h25

Tout d'abord merci pour ta réponse.

Envoyé par RomainVALERI

Essaie peut-être quelque chose comme :

Code javascript :

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

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

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

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

**devyan** · 14/06/2010, 12h35

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

**JimJames23** · 14/06/2010, 13h29

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 :

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

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

**JimJames23** · 14/06/2010, 13h48

Je crois comprendre (peut etre) le problème.

Si je teste ce code :

Code :

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

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 :

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

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 ?!

**RomainVALERI** · 14/06/2010, 14h08

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")

As-tu fait le test de mettre le scrollTo dans un setTimeOut de quelques millisecondes ? (100 à vue de nez)

Code javascript :

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

1
2
3
4
5
6
7
8
function refresh()
    {	
	opener.document.location.reload();
        setTimeOut(function() {
	   opener.scrollTo(0,200);
	   window.close();
        }, 100);
    }

?

**JimJames23** · 14/06/2010, 14h19

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 :

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

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

**Bovino** · 14/06/2010, 14h32

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.

**devyan** · 14/06/2010, 14h34

Normalement reload() "seul" devrait suffire (si tu fais F5 la page reviens à la position de scroll précédent)

**JimJames23** · 14/06/2010, 14h42

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

**devyan** · 14/06/2010, 14h47

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 ?

**Bovino** · 14/06/2010, 14h51

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.

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

**JimJames23** · 14/06/2010, 14h54

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 :

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

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?!)

**JimJames23** · 14/06/2010, 14h55

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!

**devyan** · 14/06/2010, 14h58

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

**Bovino** · 14/06/2010, 15h01

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 :

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

opener.location.reload()

tu fais

Code :

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

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

**Bovino** · 14/06/2010, 15h04

Envoyé par devyan

opener donne un objet window pas document il me semble.

oui, tout à fait

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.

**devyan** · 14/06/2010, 15h05

C'est bon à savoir

**JimJames23** · 14/06/2010, 15h09

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 :

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

opener.location.reload()

tu fais

Code :

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

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 ?!

Transmettre le ScrollTop de l'opener de la popup

JavaScript

Discussions similaires

Partager

Partager