11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous!

Suite à une bonne recherche internet infructueuse je fais appel à vos talents.
Opérationnelle en HTML/CSS, mais pas franchement en JS, j'ai du récupérer ce code JS pour mon site pour que le scroll horizontal puisse se faire directement via la molette de la souris.
Seulement cela ne fonctionne pas au dessus de mon iframe dailymotion.
Quelqu'un a-t-il une idée pour corriger cela?
Merci d'avance!


function handle(delta) {
if (delta <0)
ScrollSmoothly(10,10,'right');
else if (delta >0)
ScrollSmoothly(10,10,'left');
else
;
}
 
function wheel(event){
var delta = 0;
if (!event)
event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera)
delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
}
 
var repeatCount = 0;
 
function ScrollSmoothly(scrollPos,repeatTimes, direction) {
if(repeatCount < repeatTimes)
if(direction == 'right')
window.scrollBy(20,0);
else
window.scrollBy(-20,0);
else
{
repeatCount = 0;
clearTimeout(cTimeout);
return;
}
repeatCount++;
cTimeout = setTimeout("ScrollSmoothly('" + scrollPos + "','"+ repeatTimes +"','"+ direction +"')",10);
}
 
/* Initialization code. */
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;


et mon iframe:
<iframe class="film" frameborder="0" width="640" height="360" src="http://www.dailymotion.com/embed/video/xpj643?foreground=%23FFFFFF&amp;highlight=%2354BADB&amp;background=%23000000&amp;logo=0&amp;hideInfos=1"></iframe>