Discussion :

[kaiser59]

Salut,

Afin de remonter dans une même page on utilise ceci :

Code :

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

1
2
3
<a name="haut"></a>
...
<a href="#haut">toto</a>

mon problème est que je voudrais remonter mon contenu qui se trouve dans un div et non pas la page.

voici un extrait de mon code au cas où

Code :

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

1
2
3
4
5
6
7
8
9
<div id="corps">
...  
	<div id="contenu">
	<a name="haut"></a>
...
       <a href="#haut">remonter</a>
	</div>
...
</div>

merci d'avance.

[trotters213]

Mais ce que tu nous montres fonctionne parfaitement. Je comprends pas ?!?!?
Ton ancre est assez éloignée de ton lien afin que la fenêtre est besoin de bouger au moins ?

[kaiser59]

Re,

oui je sais que cela fonctionne trotters213 mais le problème est qu'il ne remonte pas le contenu du div (<div id="contenu">) mais remonte en haut de la page sans avoir remonter au pire aussi le div en question

[trotters213]

mais c'est normal, le but est de ce déplacer dans la page plus facilement, pas de déplacer du contenu ! J'ai du mal à comprendre ce que tu veux faire précisément là.

[kaiser59]

Désolé si c'est pas très compréhensible

Cependant j'ai remarqué que mon problème n'apparait qu'avec Firefox, j'ai tellement pris l'habitude de voir le résultat avec FF que j'en ai oublié de voir avec IE

je vais essayer d'etre plus claire

comme tu peux voir j'ai plusieurs div et dans un des div lorsque le contenu est plus grand que le div la scrollbar apparait, jusque là tout va bien en principe Quand j'arrive au bout de la scrollbar (vers le bas) j'ai mis un lien pour pouvoir remonter dans ce div du coup la scrollbar reviens en haut ceci fonctionne avec IE mais pas avec FF ?? plutôt bizarre.

[fallais]

Une ancer sert a se deplacer par rapport a la page (scrollbar principal) et non pas dans un div specifique.

[kaiser59]

Salut,

Ben oui je veux bien Elwyn mais pourquoi cela marche avec IE et pas FF ne me dit pas que IE fais encore l'idiot

Regarde je te met le liens de la page en question, teste avec IE et avec FF tu verras que le lien "Remonter" n'aura pas le même effet

aproubaix.com/championnat_res.asp

IE donne parfaitement ce que je veux mais pas FF

[fallais]

Quel navigateur a raison dans ce cas...Je n'en sais rien, il faudrait se renseigner pour savoir si le navigateur est censé faire ca ou si c'est juste un bug a ton avantage de IE. Dsl

[kaiser59]

Ben merci pour ta réponse alors, je pense que je vais l'enlever alors tant pis

++

[trotters213]

Ok, j'ai compris
Il me semble que c'est dû simplement à l'implémentation des navigateurs des ancres, tu ne pourras rien y faire sinon en changeant ta mise en page (en supprimant la scrollbar par exemple).

PS : un id est unique or tu utilises id="jrn" plusieurs fois. Dans ce cas il faut que tu utilises class="jrn"

[kaiser59]

Salut,

Merci pour vos réponses

Oui je sais trotters213 que id est unique, comme j'ai utilisé une boucle pour faire les tableaux jrn sur le coup j'avais pas fais attention. C'est en regardant avec Tidy que j'ai vue que chaque tbl avec un id égale à jrn.

Merci quand même de me l'avoir fait remarqué et pour ta suggestion.

++

[Bisûnûrs]

Tu peux jouer sur le scrollTop en Javascript.

[kaiser59]

Re,

J'ai cherché après scrollTop et j'avoue que je comprend pas trop le truc Bisunurs, cela me renvoie un nombre je suis censé faire quoi avec ce nombre

++

[Bisûnûrs]

Ben quand tu cliques sur ton lien, tu affectes 0 la valeur du scrollTop de ce div.

[kaiser59]

Re,

J'ai juste changé le nom de mon ancer et cela fonctionne maintenant sur IE et FF vraiment trop bizarre
Avant :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="corps">
  ... 
  <div id="contenu">  
     <a name="haut"></a>
        ... 
     <a href="#haut">remonter</a>  
  </div> 
  ... 
</div>

Après :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="corps">
  ... 
  <div id="contenu">  
     <a name="revenir"></a>
        ... 
     <a href="#revenir>remonter</a>  
  </div> 
  ... 
</div>

Merci pour votre aide à tous

++