Bloquer le scroll lors d'un clic sur un lien

Bloquer le scroll lors d'un clic sur un lien - HTML/CSS - Programmation

Marsh Posté le 06-10-2012 à 14:40:06    

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. <table>
  2. <tr>
  3. <td><a id='A1' href='#A1'>lien</a></td>
  4. <td><a id='A2' href='#A2'>lien</a></td>
  5. <td><a id='A3' href='#A3'>lien</a></td>
  6. ...
  7. </tr>
  8. </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:


Message édité par bob3335 le 07-10-2012 à 14:39:10
Reply

Marsh Posté le 06-10-2012 à 14:40:06   

Reply

Marsh Posté le 07-10-2012 à 01:47:16    

1 - tes id commencent pas des chiffres, ça commence mal, sous certains navigateurs ça peut chier. Donc je t'invite à y rajouter une lettre.
 
2 - une autre chose : si tu mets une ancre, tu n'es pas obligé de remettre le nom du fichier ou l'url complète de ta page, l'ancre suffit largement.
 
3 - pourquoi tu as une ancre et un lien au même endroit, c'est pas normal. Et en plus un lien "<a>" doit toujours être fermé.
Et je te signale que tu n'es pas obligé de mettre un id sur un a pour créer un ancre tu peux le mettre sur le <td>


---------------
Blablaté par Harko
Reply

Marsh Posté le 07-10-2012 à 14:35:44    

Slt Gatsu35,
 
Tu as complètement raison pour le tableau, j'ai fait n'importe quoi, je corrige tout de suite  :pt1cable:  
 
Je l'ai saisi à la va-vite pour l'exemple mais le vrai ne comporte pas ces erreurs grossières.
 
L'ancre au même niveau que le lien permet d'alimenter une table, donc la case cochée change d'état.

Reply

Marsh Posté le 07-10-2012 à 16:13:04    

Donc quel est ton problème au final ?


---------------
Blablaté par Harko
Reply

Marsh Posté le 07-10-2012 à 16:31:43    

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)  :ange:  

Reply

Marsh Posté le 07-10-2012 à 17:22:15    

Un clic sur un lien fait quoi ? exactement ?  
car si tu veux bloquer le comportement d'un lien, en généréal, sur l'évènement avec jquery par exemple tu ferais un event.preventDefault()


---------------
Blablaté par Harko
Reply

Marsh Posté le 07-10-2012 à 19:49:17    

Ci-joint un exemple, bien plus parlant, le but est de pouvoir renseigner le planning sans que la page revienne en permanence au début lors de son rechargement
 
http://webplanning.fr/?url=1310893018 (dupont / demo)
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed