Discussion :

[bouzaidi]

Bonjour tout le monde,
J'ai un bout de code en html et javascript qui me permet d'afficher un text dans une iframe, et qui me permet de le defiler (scroller) verticalement par gestion d'evenement (plus precisément suite à une touche de clavier: B scrolle en bas et H scrolle en haut). Mais ce que je souhaite faire aussi, c'est de pouvoir faire un scrolling en boucle, c'est a dire, une fois arrivant au bas de l'iframe par exemple, et en appuyant sur B je voudrais revoir le debut de mon iframe en bas, et vice versa, en arivant au haut de l'iframe, et si j'appui sur H je voudrais voir la fin de mon texte en haut de l'iframe). Plus précisement Si par exemple mon text compris dans mon iframe est le suivant:
aaaa
bbbb
cccc
dddd
eeee
ffff

et imaginons que mon iframe ne permet d'afficher que 4 lignes donc au debut j'aurais:
aaaa
bbbb
cccc
dddd
en scrollant une fois je devrais voir:
bbbb
cccc
dddd
eeee
encore une fois je devrais avoir:
cccc
dddd
eeee
ffff
tous ca est fait. Mais ce quee je souhaite encore, c'est de pouvoir scroller pourr voir la chose suivante:
dddd
eeee
ffff
aaaa
et ainsi de suite
merci d'avance

[leminipouce]

Salut,

Tu pourrais nous donner ton bout de code qu'on voit comment tu fais ?

En fait le truc pour moi serait de définir le contenu de chacune de tes lignes et de le mettre à jour sur chacun de tes évènements.

Tu as une variable i = 0 qui est incrémentée à chaque fois que tu appuies sur b, décrémenté quand tu appuies sur h, puis tu la module en fonction de la longueur de ton tableau à afficher. (Pour quelle soit toujorus comprise entre l'indice minimum et l'indice maximum)

Code :

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

1
2
3
4
5
6
 if(b)
  i++;
else if(h)
  i--;
 
i = i%6;

Enfin tu affiches sur chaque ligne dans le tableau dans ton UI, la valeur de ton tableau de donné à l'indice j (boucle pour afficher chaque ligne) + i

Code :

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

1
2
3
4
 for(int j=0; j<4; j++)
{
    tableauDonnées(i+j)<BR>
}

Voilà avec quelque chose comme ça, ça devrait respecter tes attentes.