Erreur : document.images[ii] has no properties

**[ZiP]** · 03/10/2007, 11h35

Bonjour,

Je suis bloqué à cause d'une petite erreur que je n'arrive pas à résolver.

Voici l'erreur que j'obtiens :

Erreur*: document.images[ii] has no properties
Fichier source*: http://localhost/site/gabarit/test.php
Ligne*: 53

La ligne 53 est la suivante :

if (document.images[ii].complete == false)

Ci-joint mon bout de code :

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
 
<html>
	<head>
		<title></title>
		<script>
var ListeImages = new Array()
 
function MonImage(nom,largeur)
{
	this.nom = nom
	this.largeur = largeur
}
 
ListeImages[0] = new MonImage('01.png',131)
ListeImages[1] = new MonImage('02.png',131)
ListeImages[2] = new MonImage('03.png',131)
ListeImages[3] = new MonImage('04.png',131)
ListeImages[4] = new MonImage('05.png',131)
ListeImages[5] = new MonImage('06.png',136)
ListeImages[6] = new MonImage('07.png',131)
ListeImages[7] = new MonImage('08.png',139)
ListeImages[8] = new MonImage('09.png',154)
ListeImages[9] = new MonImage('10.png',131)
 
var vitesse = 50
 
var kk = ListeImages.length
var ii
var hhh
var nnn
var Interval
var Pause
 
var imgArray = new Array(kk)
var myLeft = new Array(kk)
 
for (ii=0; ii<kk; ii++)
{
	imgArray[ii] = new Image()
	imgArray[ii].src = ListeImages[ii].nom
	imgArray[ii].width = ListeImages[ii].largeur
	hhh=0 
	for (nnn=0; nnn<ii; nnn++)
	{
		hhh = hhh + ListeImages[nnn].largeur
	}
	myLeft[ii] = hhh
}
 
function Chargement()
{
	for (ii=0; ii<kk; ii++)
	{ 
		if (document.images[ii].complete == false)
		{
			return false	
			break
		}
	}
	return true
}
 
function demarre_defilement()
{
	if (Chargement() == true)
	{
		window.clearInterval(Pause)
		Interval = setInterval("defilement()",vitesse)	
	}
}
 
function defilement()
{
	for (ii=0; ii<kk; ii++)
	{
		myLeft[ii] = myLeft[ii] - 1
		if (myLeft[ii] == -(ListeImages[ii].largeur))
		{
			hhh = 0
			for (nnn=0; nnn<kk; nnn++)
			{
				if (nnn!=ii)
				{
					hhh = hhh + ListeImages[nnn].largeur
				}
			}
			myLeft[ii] =  hhh
		}
		document.images[ii].style.left = myLeft[ii]
	}
}
 
Pause = setInterval("demarre_defilement()",3000)
 
function banniere()
{
	for (ii=0; ii<kk; ii++)
	{
		document.getElementById("banniere").value = document.getElementById("banniere").value + '<img space=0 hspace=0 vspace=0 border=0 height=98 style=position:absolute;top:0;left:' + myLeft[ii]  + '; src=images/banniere/' + ListeImages[ii].nom + '>'
	}
}
 
		</script>
		<style type="text/css">
			body
			{
				background-color	: #00FF00;
				color				: #000000;
				font-family			: Verdana, sans-serif;
				font-size			: 11px;
			}		
			#banniere
			{
				background-color	: #FF00FF;
				height				: 98px;
				width				: 600px;
			}
		</style>
	</head>
	<body onload="javascript:banniere();">
		<div id="banniere"></div>
	</body>
</html>

J'ai cette erreur avec Firefox.

Avec Internet Explorer 7, j'ai la suivante :

Merci pour votre aide,
ZiP

**SpaceFrog** · 03/10/2007, 11h45

Code :

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

var kk = ListeImages.length

que te retourne

Code :

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

alert(kk)

mets un alert(ii) dasn ta boucles pour voir sur quel ii il coince

**[ZiP]** · 03/10/2007, 12h00

J'ai donc :

alert(kk) = 10

et

alert(ii) = 0 quand j'ai l'erreur

Merci,
ZiP

**SpaceFrog** · 03/10/2007, 12h14

1) un div n'a pas de value ...

Code :

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

document.getElementById("banniere").value

remplacer par

Code :

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

document.getElementById("banniere").innerHTML

déja avec cette modif ça devrait marcher

2) créer des images avec un innerHTML c'est pas top
regarde plutot la methode document.createElement('img') ...

**[ZiP]** · 03/10/2007, 13h17

Merci, je ne connaissais pas la methode document.createElement('img'), je vais me documenter.

J'ai l'impression que mes images ne sont pas crées dans mon div "banniere" mais plutôt directement dans "body".

ZiP

**SpaceFrog** · 03/10/2007, 13h28

avec createElement il te suffit de les appender au bon endroit

Code :

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

document.getElementById("banniere").appendChild(elt)

**[ZiP]** · 03/10/2007, 13h52

J'ai donc modifié mon code avec l'aide que l'on m'a apporté :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function banniere()
{
	for (ii=0; ii<kk; ii++)
	{
		var UneImage = document.createElement('img');
		UneImage.style.position = "absolute";
		UneImage.style.left = myLeft[ii];
		UneImage.src = "images/banniere/" + ListeImages[ii].nom;
		document.getElementById("banniere").appendChild(UneImage);
	}
}

Il fonctionne, j'ai juste un dernier soucis, c'est que celui-ci ne s'arrête pas aux 600px de mon div mais prend toute la largeur de la page, ce que je ne souhaite pas.

Merci,
ZiP

**SpaceFrog** · 03/10/2007, 14h11

peut être avec le float ?

**[ZiP]** · 04/10/2007, 11h56

En fait, je ne vois pas trop comment faire avec le "float" ?

En fait, il faudrait que la photo soit visible que lorsqu'elle est dans le cadre et que la partie dans le cadre, c'est pas possible à faire je pense en javascript.

Sinon, j'avais pensé jouer avec les "div".

Toute idée, conseil et aide sont les bienvenus

Merci,
ZiP

**E.Bzz** · 04/10/2007, 11h59

Bonjour,

Envoyé par [ZiP]

En fait, il faudrait que la photo soit visible que lorsqu'elle est dans le cadre et que la partie dans le cadre, c'est pas possible à faire je pense en javascript.

Comme éclaircissement, c'est pas très ... clair

Un scroll horizontal sur le div ?

A+

**SpaceFrog** · 04/10/2007, 12h02

tu ne serais pas en train de parler du clip ?

de mémoire clipTop et clipLeft ...

**[ZiP]** · 04/10/2007, 13h10

Envoyé par E.Bzz

Un scroll horizontal sur le div ?

C'est exactement ça que je souhaite faire.

Je ne connais pas clipTop et clipLeft, je vais me renseigner à quoi ils servent.

Merci pour votre aide,
ZiP