Se placer à un endroit de ma page

Bonjour

Je cherche a me placer à un endroit précis de ma page grâce au javascript.

Ma page est composé de 3 parties. Chaque partie est composé d'une image représentant un plus ou un moins, un titre, puis un tableau dans une balise <div> qui peux être visible ou invisible. Mes 3 tableaux peuvent être très long. J'ai créé une fonction javascript qui en fonction d'un id rentrer en paramètre va changer mon image plus en moins et rendre un tableau visible ou inversement pour l'id passé en paramètre. (l'id de mon image a la même racine que ma zone)

Lorsque je clique sur une de mes images, ma fonction s'exécute mais je suis placé immédiatement en haut de la page au lieu de rester au niveau de la zone que j'ai ouvert ou fermé. J'ai mis des raccourcis en html qui me permet de me rendre d'une zone à l'autre mais je préfèrerais qu'une fois avoir cliqué sur mon image, je soit placé directement dans la zone en question.


Es ce que vous voyez comment je pourrais faire cela ? Qu'es ce que je doit ajouter à ma fonction ?

Je suis sur que c'est quelque chose de très simple mais la, je vois pas du tout :(

Merci d'avance pour l'aide que vous m'apporterez

Bonjour et bienvenue sur Developpez.com :ccool:

il faudrait nous montrer un peu de code ;)
Par exemple celui de ton image (est-elle dans un <a href...> ?) ainsi que celui des fonctions JS utilisées pour cette partie.

A+

Je ne pensais pas ceci utile dans le snes que c'est une propriété supplémentaire que je cherche.

L'image :

Code:

---

<a href="#"><img id="imgencours" src="images/voirmoins.png" onClick="apparaitre('encours')"/></a>

---

Pour le tableau en dessous, il est visible par défaut.

et ma fonction :

Code:

---

1 2 3 4 5 6 7 8 9 10

function apparaitre(zone){ var img="img"+zone; if(document.getElementById(zone).style.display==""){ document.getElementById(zone).style.display='none'; document.getElementById(img).src="images/voirplus.png"; }else{ document.getElementById(zone).style.display=""; document.getElementById(img).src="images/voirmoins.png"; } }

---

donc juste après mon if, j'aimerais rajouter quelque chose qui me permet de placer au niveau de l'image dont l'id est img.

Citation:

---

Envoyé par Lilouse

Je ne pensais pas ceci utile

---

En l'occurrence si ;)
Le # du href te renvoie en haut de la page.
Soit

Code:

---

<a href="#" onclick="apparaitre('encours'); return false;"><img id="imgencours" src="images/voirmoins.png" /></a>

---

(le return false; empêche l'appel au href)
soit (et à mon avis, préférable, car le <a> est inutile)

Code:

---

<img id="imgencours" src="images/voirmoins.png" onclick="apparaitre('encours');" style="cursor:pointer;"/>

---

A+

J'avais mis le a pour avoir la souris qui change quand je la passe dessus ... donc du coup j'ai utilisé ta première solution et ça fonctionne très bien :)

Merci :)

Citation:

---

Envoyé par Lilouse

J'avais mis le a pour avoir la souris qui change quand je la passe dessus ...

---

Tu auras la même chose avec la 2° ... sans le <A> ;)

A+

Je n'avais pas vu le style et finalement je préfère ça, c'est plus propre.