Rouvrir une page sur le même élément au même emplacement.

**forumcmy** · 05/04/2012, 20h44

Bonjour,
J'ai trouvé sur le forum des questions identiques mais sans réponse satisfaisante.
Dans un tableau HTML créé en Php et affichant des données extraites d'une base de données il y a de nombreuses lignes donc présence d'un ascenceur.
En cliquant sur une de ces lignes, j'initialise un traitement qui remplace cette fenêtre par une autre puis revient sur cette première page en la mettant à jour.
Je souhaite que cette page se réouvre au même endroit qu'initialement.

Ma première idée a donc été de créer dynamiquement des ancres :

Code :

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

1
2
 
echo"<a id=\"$id_compta2\" class='blancXXsmall' href=\"........

d'effectuer mon traitement puis de réouvrir ma page :

Code :

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

1
2
3
 
var LOC="K.comptabiliT.php#<?echo"$id_compta"?>";	//On réouvre là où on était.
window.location.href=(LOC);

Ca marche très bien, mais ce n'est pas ce que je souhaite.
On retrouve la ligne en haut de page ou ailleurs fonction de sa position initiale mais pas exactement à la même place.
L'utilisateur doit comprendre que sa ligne est en haut ou pas s'il n'y a pas assez de lignes en dessous pour le scrolling.

Suis-je assez clair. Avez-vous une idée ?

Merci

**NoSmoking** · 05/04/2012, 21h36

Bonsoir,
il te faut sauvegarder la position du scroll de ta page et de faire scroller celle ci de la valeur sauvegardée au réaffichage.
- utilisation de cookies
- passage en paramètre de l'URL

**NoSmoking** · 05/04/2012, 21h50

Envoyé par NoSmoking

Bonsoir,
il te faut sauvegarder la position du scroll de ta page et de faire scroller celle ci de la valeur sauvegardée au réaffichage.
- utilisation de cookies
- passage en paramètre de l'URL

il s'agit bien d'une réponse!

Que n'arrives tu pas à faire?

**forumcmy** · 05/04/2012, 22h11

Dis-moi comment on mémorise un scroll et comment on restitue un scroll.

Ce que je veux c'est que si ma ligne est la septième en partant du haut de la page d'un utilisateur, elle soit encore la septième après réouverture.

Les ancres gérées dynamiquement fonctionnent bien mais ramènent la ligne soit en tête soit n'importe où selon le nombre de lignes qui restent et la taille de la fenêtre.

**NoSmoking** · 05/04/2012, 22h38

tu es un petit veinard, j'ai encore l'exemple que j'ai déjà servi sur le forum.

Je te le livre, il mets en oeuvre le stockage du scroll dans le NAME de window.page, c'est pas très orthodoxe mais cela fonctionne.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<meta name="Author" content="NoSmoking">
<style type="text/css">
</style>
<script type="text/javascript">
(function(){
  function getScrollPage(){
    var dE = document.documentElement,
        dB = document.body;
        var posX = ( dE && dE.scrollLeft || dB && dB.scrollLeft || 0);
        var posY = ( dE && dE.scrollTop  || dB && dB.scrollTop  || 0);
        return {x : posX, y : posY};
  }
  window.onload = function(){
    if( window.name){
      var pos = window.name.split('=')[1] || 0;
      window.scrollTo( 0, pos);
    }
  }
  window.onunload = function(){
    var pos = getScrollPage();
    window.name = "scrollY=" +pos.y;
  }
})();
</script>
</head>
<body>
<div style="height:1000px;">
</div>
<div style="height:400px;">
  <form action="window_scroll.html" name="formulaire">
    <input type="text" value="the value" name="valeur"><br>
    <input type="submit" value="Envoyer">
  </form>
</div>
</body>
</html>

**forumcmy** · 05/04/2012, 23h11

Oui, ca peut m'intéresser.
J'essaye d'intégrer ton code dans le mien
Je ne comprends pas :
ligne 10 : la parenthèse ouvrante avant "function".
ligne 28 : la batterie de parenthèses )() avant le ";"

posX est-il utile dans ton script ?

Je pensais que le name de l'objet window était en lecture seule ?

**forumcmy** · 05/04/2012, 21h43

Bah oui, c'est exactement ma question et ce que je recherche c'est une solution !

Rouvrir une page sur le même élément au même emplacement.

HTML

Vue hybride

Discussions similaires

Partager

Partager