Discussion :

[chtisyl]

Bonjour à tous,

Je fais défiler des feuilles sur ma page d'acceuil à l'aide d'un script. Pour les changer de place, je change les propriétés "top" et "left" de chaque objet feuille. Sur IE, pas de problème mais sur Mozilla ça ne fonctionne pas et j'ai l'erreur: "Erreur d'analyse de la valeur pour la propriété "top" déclaration abandonné" (id pour left). J'ai passé mon après-midi à chercher dans tous les forums mais aucun ne m'a donné la solution. Quelqu'un aurait-il déjà eu se problème.

Merci d'avance

Voici mon 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
 
/******************************************************************************************************************/
/* Ce programme permet de faire défiler des images sur l'écran (ex: flocon de neige en hiver, feuilles d'automne) */
/******************************************************************************************************************/
	var SourceGif = "";			/* nom et endroit du source contenant l'image à faire défiler */
	var NbObjetTombant = 0;		/* Nombre d'image à faire tomber en même temps */
 
	RechImageAFaireDefiler();	/* Recherche de l'image à faire défiler sur l'écran */
 
	if ( NbObjetTombant > 0 && SourceGif != "") {
		var nTop  = new Array();
		var nLeft = new Array();
		var nLargeurFenetre = fLargeur_Fenetre();
	    var nHauteurFenetre = fHauteur_Fenetre();
		Preparation();		/* On positionne les images à l'ouverture de la page*/
		TombeObjets();		/* Fonction bouclant sur elle-même faisant changer de position les images d'où le défilement */
	}
 
/****************************************************/
/* Recherche de l'image à faire défiler sur l'écran */
/****************************************************/
function RechImageAFaireDefiler()	{
	var objPageAccueil = document.getElementById("PageAccueil");
	if (objPageAccueil != null) {	/* Sur la page d'accueil, on recherche le gif à utiliser en fonction de la saison */
		DateDuJour = new Date;
		MoisActuel = DateDuJour.getMonth() + 1
		JourActuel = DateDuJour.getDate()
		if ( MoisActuel == 1 || MoisActuel == 2 || (MoisActuel == 3 && JourActuel < 21) )	{
			SourceGif="General/FloconNeige.gif"; NbObjetTombant = 15;
		} else if ( (MoisActuel == 3 && JourActuel > 20) || (MoisActuel > 3 && MoisActuel < 9 ) || (MoisActuel == 9  && JourActuel < 21) ) {
			NbObjetTombant=0;
		} else if ( (MoisActuel == 9  && JourActuel > 20) || MoisActuel == 10 || MoisActuel == 11 ) {
			SourceGif="General/FeuilleAutomne.gif"; NbObjetTombant = 15;
		} else if (MoisActuel == 12	) {
			SourceGif="General/EtoilesNoel.gif"; NbObjetTombant = 10;
		}
	} else {
		var objPageMarcheNoel = document.getElementById("MarcheNoel");
		if (objPageMarcheNoel != null) { /* Si on est sur la page du marché de Noël, on affiche tous le temps des étoiles de Noël */
			SourceGif="../General/EtoilesNoel.gif"; NbObjetTombant = 10;
		}
	}
}
 
/****************************************************/
/* On positionne les images à l'ouverture de la page*/
/****************************************************/
function Preparation()	{
/* On divise l'écran en 8 partie pour positionner les éléments un peu partout dans l'écran */
	var nTop1 = nHauteurFenetre / 8;
	var nTop2 = nTop1 + (nHauteurFenetre / 8);
	var nTop3 = nTop2 + (nHauteurFenetre / 8);
	var nTop4 = nTop3 + (nHauteurFenetre / 8);
	var nTop5 = nTop4 + (nHauteurFenetre / 8);
	var nTop6 = nTop5 + (nHauteurFenetre / 8);
	var nTop7 = nTop6 + (nHauteurFenetre / 8);
 
	for (n_i = 0; n_i < NbObjetTombant; ++ n_i)	{
		nLeft[n_i] = nLargeurFenetre / NbObjetTombant * (n_i + 1);
 
		if (n_i == 0 || n_i == 7 || n_i == 14) {
			nTop[n_i]  = nTop4;
		} else if (n_i == 1 || n_i == 8 || n_i == 15) {
			nTop[n_i]  = nTop2;
		} else if (n_i == 2 || n_i == 9 || n_i == 16) {
			nTop[n_i]  = nTop6;
		} else if (n_i == 3 || n_i == 10 || n_i == 17) {
			nTop[n_i]  = nTop1;
		} else if (n_i == 4 || n_i == 11 || n_i == 18) {
			nTop[n_i]  = nTop5;
		} else if (n_i == 5 || n_i == 12 || n_i == 19) {
			nTop[n_i]  = nTop3;
		} else if (n_i == 6 || n_i == 13 || n_i == 20) {
			nTop[n_i]  = nTop7;
		}
	    document.write('<div id="objTombant'+ n_i +'" style="position: relative; z-index: '+ n_i +'; visibility: visible; top : '+ nTop[n_i] +'px; left: '+  nLeft[n_i] +'px;"><img src="'+SourceGif+'" border=0></div>');
   	}
}
 
/*********************************************************************************************/
/* Fonction bouclant sur elle-même faisant changer de position les images d'où le défilement */
/*********************************************************************************************/
function TombeObjets() {
	for (n_i = 0; n_i < NbObjetTombant; ++ n_i)	{
		nTop[n_i] += 20;
		if (nTop[n_i] > nHauteurFenetre ) {
			nTop[n_i] = 20
		}
		nLeft[n_i] += 20;
		if (nLeft[n_i] > nLargeurFenetre ) {
			nLeft[n_i] = 20
		}
		if (document.getElementById) {
			document.getElementById("objTombant"+n_i).style.top = sTop+"px";
			document.getElementById("objTombant"+n_i).style.left = sLeft+"px";
		} else if (document.layers) {
			document.layers["objTombant"+n_i].top = sTop+"px";
			document.layers["objTombant"+n_i].left = sLeft+"px";
		} else if (document.all) {
			document.all["objTombant"+n_i].style.pixelTop = sTop+"px";
			document.all["objTombant"+n_i].style.pixelLeft = sLeft+"px";
		}
   	setTimeout("TombeObjets()", 500);
}

[SpaceFrog]

Code :

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

document.layers["objTombant"+n_i].style.top = sTop+"px";