OVH Cloud OVH Cloud

Récupérer le scroll d'un div

5 réponses
Avatar
Ch. A.
Bonsoir,

J'ai fait un petit dev en php et javascript, et je butte sur un point :
je ne trouve pas comment récupérer les valeurs de scroll d'un div dans
une page.

C'est pas très simple à expliquer, mais vous pouvez voir un exemple ici :
http://christopeallard.free.fr/testjava.php

Si le fond de carte est trop grand, des ascenseurs apparaissent, et on
peut scroller. Mais il faudrait que l'origine du trait rouge suive le
scroll...C'est sans doute tout simple, mais je ne trouve pas comment
récupérer les valeurs de scroll du div de la carte...

Merci d'avance.

Ch.

5 réponses

Avatar
O.L.
Ch. A. a utilisé son clavier pour écrire :
Bonsoir,

J'ai fait un petit dev en php et javascript, et je butte sur un point : je ne
trouve pas comment récupérer les valeurs de scroll d'un div dans une page.

C'est pas très simple à expliquer, mais vous pouvez voir un exemple ici :
http://christopeallard.free.fr/testjava.php

Si le fond de carte est trop grand, des ascenseurs apparaissent, et on peut
scroller. Mais il faudrait que l'origine du trait rouge suive le
scroll...C'est sans doute tout simple, mais je ne trouve pas comment
récupérer les valeurs de scroll du div de la carte...

Merci d'avance.

Ch.


Impossible pour moi d'accéder au site à 09h32 ce matin.

Pour répondre à ta question directement : il y a 4 propriétés qui vont
t'être utiles : monDiv.scrollTop (hauteur de laquelle on est descendu),
monDiv.scrollHeight (hauteur totale du contenu du DIV), et
scrollLeft/scrollWidth pour la même chose en largeur.

Voir
http://www.sxlist.com/techref/language/html/ib/Block_Level_Elements/div.htm
pour une description plus détaillée (en anglais)
Et aussi
http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html
pour un exemple concret en rapport avec ce que tu essaies de faire (je
pense)

@+

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

Avatar
Ch. A.
C'est pas très simple à expliquer, mais vous pouvez voir un exemple ici :
http://christopeallard.free.fr/testjava.php

Si le fond de carte est trop grand, des ascenseurs apparaissent, et on
peut scroller. Mais il faudrait que l'origine du trait rouge suive le
scroll...C'est sans doute tout simple, mais je ne trouve pas comment
récupérer les valeurs de scroll du div de la carte...



Impossible pour moi d'accéder au site à 09h32 ce matin.

Effectivement, je me suis planté dans l'adresse :


http://christopheallard.free.fr/testjava.php

désolé

Pour répondre à ta question directement : il y a 4 propriétés qui vont
t'être utiles : monDiv.scrollTop (hauteur de laquelle on est descendu),
monDiv.scrollHeight (hauteur totale du contenu du DIV), et
scrollLeft/scrollWidth pour la même chose en largeur.

Voir
http://www.sxlist.com/techref/language/html/ib/Block_Level_Elements/div.htm
pour une description plus détaillée (en anglais)
Et aussi
http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html pour
un exemple concret en rapport avec ce que tu essaies de faire (je pense)


Ok, merci, je regardes ça et je testes !

Bonne journée.


Avatar
ASM

Effectivement, je me suis planté dans l'adresse :

http://christopheallard.free.fr/testjava.php


Je n'ai pas de blème ni avec IE ni avec FF :
lat et long semblent rester OK au scroll
(normal puisque le mousemove est sur l'image)
si tant est qu'on puisse en juger : difficile de scroller sans bouger le
pointeur.

Avec IE (Mac) le nouveau gros trait rouge ne se dessine pas

Distance : l'unité n'est pas Nm mais Mn (Mile nautique), non ?

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

Avatar
Ch. A.

Effectivement, je me suis planté dans l'adresse :

http://christopheallard.free.fr/testjava.php


Je n'ai pas de blème ni avec IE ni avec FF :
lat et long semblent rester OK au scroll
(normal puisque le mousemove est sur l'image)
si tant est qu'on puisse en juger : difficile de scroller sans bouger le
pointeur.

Avec IE (Mac) le nouveau gros trait rouge ne se dessine pas

Distance : l'unité n'est pas Nm mais Mn (Mile nautique), non ?



Sur la carte affichée sur le site, le pb n'était pas vraiment visible
car il n'y a pas d'ascenseurs dans le div de la carte...
Ceci dit, le pb est résolu avec les infos que m'a donnée O.L. plus haut,
et que je remercie par ailleurs.

Pour l'unité de distance, oui, faute de frappe... ;)

Merci d'avoir pris le temps de regarder.


Avatar
Le Fou
ASM a écrit :

Distance : l'unité n'est pas Nm mais Mn (Mile nautique), non ?


Nm pour Nautical Mile. En français on dit MiLLe Marin.
Ne pas confondre avec le Mile terrestre (anglosaxon) noté mi.

--
A'tchao

Le Fou
http://gloupclub.free.fr/
http://www.ffessm-cd84.com/
http://ehiller.club.fr/