Discussion :

[guitz]

Bonjour,

Dans le script suivant le setInterval() ne fonctionne pas (ligne 29):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
function getMousePosition(event){	
				var e = event || window.event;	
				var scroll = new Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);;	
				return new Array(e.clientX + scroll[0] - document.body.clientLeft,e.clientY + scroll[1] - document.body.clientTop);
			}
 
 
 
			function bouge_barre_vign(direction){
				alert('test');				
			}
 
 
 
			function anime_barre_vign(){
 
				var barre_vign = document.getElementById('barre_defil_vign');
				var menu1 = document.getElementById('menu1');
 
				barre_vign.onmouseover = function(event){	
 
					var mousePosition = getMousePosition(event);
					var barre_vign = document.getElementById('barre_defil_vign');					
					//document.getElementById('test').innerHTML = 'x:'+mousePosition[0]+ '__' + barre_vign.offsetWidth+ '__' + mousePosition[0]/menu1.offsetWidth;
					if(barre_vign.offsetWidth > document.getElementById('menu1').offsetWidth){
 
						if(mousePosition[0]/menu1.offsetWidth > 0.9){ // si la souris se retrouve à lextreme-droite de la barre des vignettes et que celle ci peut encore se déplacer vers la droite
 
							timer = setInterval("bouge_barre_vign('gauche')",25);
							//Math.round((barre_vign.offsetWidth + barre_vign.offsetLeft - menu1.offsetWidth)/300
						}else if(mousePosition[0]/menu1.offsetWidth < 0.1){
							//barre_vign.style.left = barre_vign.offsetLeft + 10 + 'px';
													}else{
							if(typeof(timer)!="undefined"){
								clearInterval(timer);
							}
						}
 
					}
				};
 
				barre_vign.onmouseout = function(event){
					if(typeof(timer)!="undefined"){
						clearInterval(timer);
					}
				}
 
			}

Alors qu'il fonctionne si je le met en amont de

Code :

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

barre_vign.onmouseover = function(event){

Pourriez-vous svp me mettre sur la voie ?

Merci

[guitz]

En fait le pb vient de la :

Code :

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

if(barre_vign.offsetWidth > document.getElementById('menu1').offsetWidth){

IE prend bien en compte que barre_vign.offsetWidth > à la largeur de la fenetre (menu1.offsetWidth est au max). Alors que Firefox limite un div plus large que la fenetre à une largeur de fenetre.

En fait ce script sert a faire défiler des vignettes a l'horizontale.

Comment trouver la bonne propriété dans firefox qui indique la largeur dun div (celui contenant les vignettes) même si celle ci est plus large que la fenetre svp ?

[SpaceFrog]

pas seulement...

Code :

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

timer = setInterval("bouge_barre_vign('gauche')",25);

pour passer des paramètres à une fonction en setInterval il faut passer par une closure

Code :

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

timer = setInterval( function(){bouge_barre_vign("gauche")},25);

[guitz]

Bonjour,

Pourtant le setInterval marche bien. Comment celà se fait-il ?

[SpaceFrog]

tu es sur que le paramètre est passé ???

[guitz]

Oui , mais après coup j'ai adapté ta syntaxe, ça ne coute rien