Discussion :

[JPBruneau]

Bonjour,
Je recherche une syntaxe pour aller � un certain point de ma page (en scroll), mais il y a une impossibilit�s pour d�terminer � quel niveau.
Il est question de mon moteur de jeux d'�checs.sur ma page tr�s grande si la partie est importante, il y a en haut
l'�chiquier ou le visiteur voit les coups (il n'y a que des parties c�l�bres.) il agit en cliquant 4 boutons (avance, retour un coup, retour d�but et fin)
A chaque fois, mon javascript mets en rouge le coup jou� et d�place les pi�ces.


Donc puisque j'arrives � mettre en rouge il y a certainement une astuce pour croller jusqu'au texte mis en rouge ???
Pouvez vous m'aider ? je sais que c'est compliqu� et le script est assez gros .... si vous voulez je veux bien le donner du reste sous mon ancien pseudo,
j'avais fait un Topo ici sur mon moteur c'�tait cadeau ...

Merci d'avance.

[amateurprg]

Pour scroller la page c'est l'instruction :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

window.scrollBy(0,20);

c'est exprim� en pixels par rapport au coin haut et gauche de la page.


Mais il faut la r�p�ter si tu veux scroller :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
function monScroll()
{
    	window.scrollBy(0,20);
    	scroller = setTimeout("monScroll()",200); // 200 en millisecondes
}

Pour aller jusqu'� un point c'est :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

window.scroll(0,0); // pour aller au coin haut/gauche

On peux le faire qu'avec des valeurs en pixels, pas avec le nom d'un element html, par contre on peut avec javascript connaitre la position posX et posY de l'�l�ment et la donner en parametre � la fonction cibleScroll(posX, posY)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
function cibleScroll(posX,posY)
{
   window.scroll(posX,posY);
}

[Beginner.]

Salut,

Donc puisque j'arrives � mettre en rouge il y a certainement une astuce pour croller jusqu'au texte mis en rouge ???

Ben pour mettre un texte en rouge je suppose que tu dois utiliser une balise et l� du coup tu peux utiliser : element.scrollIntoView...

[JPBruneau]

Mille mercis � vous deux !
Rapide et efficace, Vous �tes trop TOP !!
sur que je reviendrais ici

[javatwister]

salut,

Pour t'�pargner des hypoth�ses compliqu�es, pense � un simple lien interne (ancre):

Mettons que ton bouton soit d�fini comme ceci:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="#rouge"><button id="scr">descendre au coup rouge</button></a>

il suffit que ton "coup rouge" soit comme cela:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="rouge">coup rouge</div>

Et pas besoin de javascript...

[Dave Hiock]

Et pas besoin de javascript...

le javascript �tant op�rationnel autant utiliser la m�thode element.scrollIntoView, ce qui �vite de modifier le hash de l'URL et donc modifier les entr�es de window.history.

[Beginner.]

Et pas besoin de javascript...

Tu es s�r qu'on n'a pas de besoin de JS ?

Les ancres il faudra bien les "cr�er" dynamiquement puisque comme le dit JPongivart :

A chaque fois, mon javascript mets en rouge le coup jou� et d�place les pi�ces.

Et ce serait dommage d'ajouter une ancre alors qu'il y a d�j� un moyen de rep�rer l'endroit (l��l�ment) vers lequel on veut scroller puisque que pour mettre un texte en rouge il doit probablement utiliser une balise ou ajouter un style (� une balise d�j� existante) via une class ou autre... dans tous les cas l��l�ment en question est rep�r� et l� du coup la fonction element.scrollIntoView est tout indiqu�e et elle offre plusieurs options qui peuvent �tre utiles...

Enfin peut-�tre que je n'ai pas bien compris le probl�me...

[amateurprg]

Si, beginner t'a compris le probl�me, c'est juste d'aller � l'�l�ment rouge.

mais cette phrase m'inquiete (dans la doc) : "Puisque cette fonction est toujours en d�veloppement dans certains navigateurs,"