Problème dans un script

Version imprimable

Salut tout le monde,

mon code est le suivant:

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
var tabElem=Array("btn_val_etp.gif","asso_etp.gif");
var tabDelay=Array(2000,4000);
var index=0;
 
function pub(index)
{
	if(index>=tabElem.length) index=0;
	if(tabElem.length>1)
	{	document.getElementById("pub").innerHTML="<IMG WIDTH=250 HEIGHT=100 SRC="+tabElem[index]+">";
		index++;
		setInterval(pub(index),tabDelay[index-1]);
	}
}
</script>
</head>
 
<body onload="pub(0)">
<div id="pub" style="width:300px; height:250px;"></div>
</body>
</html>

Le principe c'est que chaque image à un compteur précis, et je veux que ces images s'affichent l'une après l'autre suivant le compteur, mais le problème c'est que ça m'affiche que le 1er élément du tableau sans qu'il passe au 2ème, le code me parai logique!!!!

Bonjour,
Code:

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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans nom</title> <script type="text/javascript"> var tabElem=Array("next.gif","prev.gif"); var tabDelay=Array(2000,4000); var index=0; function pub() { if(index>=tabElem.length) index=0; if(tabElem.length>1) { document.getElementById("img_pub").src=tabElem[index]; index++; setTimeout("pub()",tabDelay[index-1]); } } </script> </head> <body onload="pub()"> <div id="pub" style="width:300px; height:250px;"><IMG id="img_pub" WIDTH=250 HEIGHT=100 SRC=''></div> </body> </html>
Remarques (dans le désordre) :

Tu utilisais un setInterval dans un appel récursif => setTimeout()
dans ces 2 fonctions, le 1° paramètre est une chaine de car. (et non la référence à la fonction)
Tu passais "index" en paramètre alors que c'est une variable globale => problème de portée de la variable
le innerHTML doit être réservé au texte sans balise, or tu regénérais à chaque fois le tag <img> => mieux vaut créer le tag "en dur" puis ne modifier que son src via le script

EDIT : version ci-dessus testée avec IE6 et FF2

A+

08/10/2007, 18h28
namstou3

Merci beaucoup E.buzz ça marche parfaitement