Conflit entre plusieurs fonctions lors d'un onload

Version imprimable

Bonjour,

Je cherche à faire défiler des images à partir d'une fonction telev qui prend en paramètre le n° de l'image concernée. En tout , j'ai 5 Images. ( 2 images à modifier à chaque fois ( part et imac )).

Aucun problème pour la fonction en elle-même ( testé avec onclick ) mais le problème réside dans l’exécution d'un ensemble de fonction telev lors de l'onload.
En effet seule la dernière fonction est exécutée.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function telev(nb) { document.getElementById('map').src='Images/Globale/imac'+nb+'.jpg'; for (var i= 1 ; i<=5 ; i++) { if (i != temp) {document.getElementById('part'+i).style.opacity=0;} } document.getElementById('part'+nb).style.opacity=1; } window.onload = function() { for (var i=1 ; i<=5 ; i++) { setTimeout("document.getElementById('part"+i+"').style.opacity=1;document.getElementById('map').src='Images/Globale/imac"+i+".jpg';",5000); } };
Le sujet a été souvent abordé dans le net , j'ai essayé les solutions mais aucune a abouti.

Bien cordialement

RM

09/03/2012, 08h40
Bovino

Citation:

le problème réside dans l’exécution d'un ensemble de fonction telev lors de l'onload.

Ben en même temps, dans le code que tu nous montres, la fonction telev n'est jamais appelée ! :aie:

Ohhhh la la la ... je suis bête.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function telev(nb)
{
document.getElementById('map').src='Images/Globale/imac'+nb+'.jpg';
		for (var i= 1 ; i<=5 ; i++)
		{
			if (i != temp) 
			{document.getElementById('part'+i).style.opacity=0;}
		} 
		document.getElementById('part'+nb).style.opacity=1;
}
 
window.onload = function() { 	
	for (var i=1 ; i<=5 ; i++)
	{
	setTimeout("telev("+nb+");",5000);
	}
};

Le pbm persiste tjrs

09/03/2012, 11h02
andry.aime

Bonjour,

nb est pas visible ici

Code:

setTimeout("telev("+nb+");",5000);

Grrr , frappez moi mais je voulais dire i ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function telev(nb)
{
document.getElementById('map').src='Images/Globale/imac'+nb+'.jpg';
		for (var i= 1 ; i<=5 ; i++)
		{
			if (i != temp) 
			{document.getElementById('part'+i).style.opacity=0;}
		} 
		document.getElementById('part'+nb).style.opacity=1;
}
 
window.onload = function() { 	
	for (var i=1 ; i<=5 ; i++)
	{
	setTimeout("telev("+i+");",5000);
	}
};

Malgré tout toujours le même problème.

Encore désolé pour mes oublis

09/03/2012, 11h20
andry.aime

Code:

setTimeout(function(){telev(i);},5000);
09/03/2012, 11h42
Bovino

Citation:

Malgré tout toujours le même problème.

C'est normal, tu lances tous tes timers en même temps, donc les fonctions associées seront exécutées en même temps et seul le résultat de la dernière pourra être visible.

Code:

setTimeout(function(){telev(i);},5000 * i);
09/03/2012, 11h57
lelensois16

Je vous remercie !!
Je pensais que le départ ( déclenchement du timer) s'initialise à chaque fois ...