Discussion :

[Lilouse]

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

[E.Bzz]

Bonjour et bienvenue sur Developpez.com

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+

[Lilouse]

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

L'image :

Code :

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

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

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

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.

[E.Bzz]

Je ne pensais pas ceci utile

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

Code :

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

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

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

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

A+

[Lilouse]

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

[E.Bzz]

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+

[Lilouse]

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