Discussion :

[Khleo]

Bonjour,

Je cherche à exécuter un JavaScript lorsque l'utilisateur affiche quelques chose (Une div par exemple).

En gros, si la div se trouve en bas de la page et que si l'utilisateur ne déroule pas la page jusqu'en bas, l'action ne sera pas exécutée.

Merci

[gwyohm]

Tu peux essayer d'observer le scroll...

[Khleo]

J'ai essayé de jouer avec un OnMouseOver mais c'est pas super performant...

Facebook utilise ce genre d'action: lorsque que l'utilisateur arrive à la fin de la page, il charge la suite.

[le_chomeur]

Bonjour Khleo,

gwyohm te dis de te pencher vers le scroll et toi tu lui répond que tu as essayé le mouseover ...

je te renvois donc a la réponse de gwyohm ! ( scrollTop etc ... )

[Matthieu2000]

onscroll

[Khleo]

Bonjour,

En faite c'est pour marquer comme lu les articles lorsque l'utilisateur déroule la page et affiche les différents articles.

La hauteur des articles étant différente, d'après mes recherches je ne peux pas utiliser ScrollTop ou OnScroll.

Ya t'il un moyen de le réaliser ?

Merci

[gwyohm]

Je n'ai jamais dit que c'était trivial, mais avec scroll et scrollTop, tu dois pouvoir y arriver :
- Obtenir la hauteur de l'écran
- à l'événement scroll
Obtenir le scrollTop
pour chaque article non vu (class == notRead),
si (sa position en top + sa hauteur) < scrollTop + hauteur ecran
enlever la classe notRead
fin si
fin pour

[le_chomeur]

c'est le même principe que la liste de mail de yahoo ,
détection de position + gestion des évènements

[Khleo]

Merci pour vos réponses et pour l'algorithme.

class == notRead

enlever la classe notRead

Je ne comprends pas la classe, classe CSS ?, dois-je passer par de la programmation orienté l'objet ?

[gwyohm]

oui, classe css ...

[Khleo]

Comment faire pour exécuter la fonction lors du scroll ?

Ou sinon on exécute la fonction toutes les x secondes ?

Merci

[Bovino]

Comment faire pour exécuter la fonction lors du scroll ?

Code :

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

onscroll