Discussion :

[Delprog]

Bonjour,

J'ai codé une gestion de l'évenement onMouseWheel compatible sous IE et Firefox. Mais je rencontre un petit problème. Dans FireFox, quand je scroll au dessus de l'élément concerné par l'évènement, toute la fenêtre scroll en plus de mon composant.

Voici l'extrait de code qui récupère l'évenement et appelle la bonne fonction.

Code :

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

1
2
3
4
if (window.addEventListener) 
  window.addEventListener('DOMMouseScroll', wheelEvent, false);
 
window.onmousewheel = document.onmousewheel = wheelEvent;

Donc dans IE pas de soucis, si j'utilise la molette sur mon composant la fenêtre ne bouge pas. Mais dans FF c'est pas la même histoire.

Une idée ?

Merci !

[Delprog]

Je up en précisant certaines choses que j'ai modifié, mais j'ai un résultat différent.

J'ai placé comme capture d'évenement ceci :

Code :

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

1
2
3
4
5
 
if(window.frames['contentBuf'].document.attachEvent)
window.frames['contentBuf'].document.attachEvent("onmousewheel",wheelEvent);
else 
window.frames['contentBuf'].addEventListener("DOMMouseScroll", wheelEvent, false);

Donc je suis censé récupérer l'évenement du scroll quand j'ai un scroll sur mon iframe.

Je n'ai aucune erreur JS, mais je ne rentre pas du tout dans ma fonction "wheelEvent" quand je scroll sur mon iframe.

Des idées ?

Merci.

[moumoune65]

En effet, c'est un peu bête.
C'est un comportement tout à fait normal.
L'évènement scroll déclenche ton action mais ensuite continu à se propager.
Pour éviter que le scroll continue à se propager, sur IE il faut retourner la valeur "false" et sur Firefox tu fais "event.preventDefault();" où event est ton évènement.

J'ai testé et çà marche.

[Delprog]

haha ok, j'avais le "return false;" , mais je ne savais pas pour le
"event.preventDefault();"

Ca fonctionne, merci !