Bloquer scroll lors d'un clic sur un lien

Bonjour,

J'ai un tableau relativement grand, dans lequel chaque cellule est clickable, mais je souhaiterais qu'après avoir cliqué, le tableau se repositionne au même endroit.

En utilisant les ancres, ça ne fonctionne qu'à moitié car le tableau se repositionne avec l'ancre en haut de la page, et non exactement à l'endroit du lien.

Un exemple du tableau

test.html

Code:

---

1 2 3 4 5 6 7 8 9

<table> <tr> <td><a id='1'><a href='test.html#1'>lien</a></td> <td><a id='2'><a href='test.html#2'>lien</a></td> <td><a id='3'><a href='test.html#3'>lien</a></td> ... </tr> </table>

---

Ce tableau, et donc l'ID, sont générés dynamiquement


Un grand merci pour votre aide, j'y suis depuis 2 jours :cry:

Bonjour,
pas sûr d'avoir compris le pourquoi cliquer sur un lien pour positionner le document?

Le fichier test.html est-il rechargé, mais pourquoi, modification coté serveur, dans ce cas il faut mettre la référence de l'ancre au rechargement.

En gros :koi:

Citation:

---

Envoyé par NoSmoking

Bonjour,
pas sûr d'avoir compris le pourquoi cliquer sur un lien pour positionner le document?

Le fichier test.html est-il rechargé, mais pourquoi, modification coté serveur, dans ce cas il faut mettre laréférence de l'ancre au rechargement.

En gros :koi:

---

Bonjour,

Merci de ta réponse, ce n'est qu'un exemple bien sûr, car effectivement le lien provoque l'alimentation d'une table, par contre que veux-tu dire par la référence de l'ancre au rechargement ?

Les ID sont générés par script (PHP) et toujours présents au rechargement du tableau.

pas un spécialiste de PHP mais

Code:

---

1 2	<td id="td_1"><a href='test.html?td=td_1'>lien</a></td> <td id="td_2"><a href='test.html?td=td_2'>lien</a></td>

---

et coté serveur

Code:

---

1 2 3 4 5 6

<?php if(isset($_GET['td'])){ $ancre = $_GET['td']; header("Location: test.html#$ancre"); } ?>

---

peut être un complément d'information sur le forum PHP

Bonjour,

Merci pour ta réponse, je note un point important, l'ID ne doit pas être numérique, selon moi, mais je peux me tromper, le header location et l'ID en GET ne sont pas utiles dans ce cas ?!

Le tableau se repositionne, mais l'ancre se situe en haut de la page au rechargement.

En fait je souhaiterais que la page se repositionne comme elle était avant le clic sur un lien, peut-être faut-il recourir à du javascript (mon point faible) :calim2:

Code:

---

1 2 3 4 5 6 7 8 9

<table> <tr> <td><a id='A1' href='#A1'>lien</a></td> <td><a id='A2' href='#A2'>lien</a></td> <td><a id='A3' href='#A3'>lien</a></td> ... </tr> </table>

---

Citation:

---

Le tableau se repositionne, mais l'ancre se situe en haut de la page au rechargement.

---

visiblement j'avais mal compris :oops:

J'avais fourni cette astuce

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

(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; } })();

---

en stoquant la position du scroll dans le window.name, sinon il y a les cookies, le localStorage

Merci pour ta réponse NoSmoking.

J'avais abandonné l'idée que ce soit faisable, tu me redonnes espoir ;)

J'y connais pas grand chose en JS, proche même de 0, mais je vais mettre ton script de côté.

Ca serait pour l'utiliser ici http://videobob.phpnet.org/planningsIII (planning demo1), cette version sera en prod d'ici 15 jours j'espère :ccool: