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,"