Erreur "non implemente" sur IE(6 - 7 - 8)

Version imprimable

Bonjour,
j'ai ce script tiré d'un tuto pour faire un slider(caroussel) qui marche tres bien sur Firefox.

Mais sur IE(6, 7 et 8), j'ai le message d'erreur "Non implemente".
Sur le deboggeur integre d'IE8(tres bonne initiative ce debuggeur), j'ai donc le message "arret provoque par le debuggeur - Erreur: non implemente" à la ligne 8, a savoir la ligne

Code:

self = this;

Voici le script en entier:

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
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
$(document).ready(function(){
 
	//$("#galerie").hide();
	s = new slider("#galerie");
});
	var slider = function(id){
 
			self = this;
			this.div = $(id);
			this.slider= this.div.find(".slider");
			this.largeurCache = this.div.width();
			this.largeur=0;
			//alert("largeur: "+self.largeur+" self.largeurCache: "+self.largeurCache+" self.saut: "+self.saut+" self.div.width: "+self.div.width());
			this.div.find('a').each(function(){
				self.largeur += $(this).width();
				self.largeur += parseInt($(this).css("padding-left"));
				self.largeur += parseInt($(this).css("padding-right"));
				self.largeur += parseInt($(this).css("margin-right"));
				self.largeur += parseInt($(this).css("margin-left"));
 
			});
 
 
			this.prec = this.div.find(".prec");
			this.suiv = this.div.find(".suiv");
			this.saut = this.largeurCache/2;
 
			//this.nbEtapes = Math.ceil(self.largeur/this.saut - self.largeurCache/this.saut);
			this.nbEtapes=4;
 
			this.courant=0;
 
			this.suiv.click(function(){
				if (self.courant<=self.nbEtapes){
					self.courant++;
 
					self.slider.animate({
						//left:-self.courant*self.saut
						left:-self.courant*self.nbEtapes*100
					},1000);
				}
			});
 
			this.prec.click(function(){
				if (self.courant>0){
					self.courant--;
					self.slider.animate({
						//left:-self.courant*self.saut
						left:-self.courant*self.nbEtapes*100
					},1000);
				}
 
			});
 
			//alert(this.nbEtapes);
 
 
	}

Si vous avez une idee, ce serait cool.

Merci.

Mica

20/08/2009, 17h32
mica94

J'ai trouvé la solution en mettant

Code:

var slider = this;

Parcontre j'aimerais bien savoir pourquoi pour firefox ce n'est pas un probleme ?:?
20/08/2009, 17h47
RomainVALERI

Le fait que ton objet slider ait une propriété qui a le même nom que l'objet lui-même ? :? A priori je ne pense pas que ça soit la cause du problème, mais bon... ^^
24/08/2009, 12h52
mica94

Citation:

Envoyé par RomainVALERI

Le fait que ton objet slider ait une propriété qui a le même nom que l'objet lui-même ? :? A priori je ne pense pas que ça soit la cause du problème, mais bon... ^^

Excuse moi mais je n'ai pas compris.
De quelle proprieté parles-tu ?

>>> Cette propriété :

Citation:

Envoyé par mica94

Code:

1
2
3
4
5
   var slider = function(id){
      // ...
      this.slider= this.div.find(".slider");
      // ...
   }

24/08/2009, 14h26
kernelfailure

Deux bonnes habitudes à prendre :
- Déclarer ses classes AVANT leur(s) utilisation(s);
- Utiliser var sans modération ('s', 'self').
:ccool:

Prend aussi l'habitude de nommer tes classes en commençant par une majuscule. Ca, c'est dans un soucis de clarification de ton code.

Pour ce qui est de la propriété .slider, ça ne pose pas de problème même si l'objet a le même nom. this raccroche bien les wagons ;)
24/08/2009, 15h09
RomainVALERI

Citation:

Envoyé par kernelfailure

Pour ce qui est de la propriété .slider, ça ne pose pas de problème même si l'objet a le même nom. this raccroche bien les wagons ;)

C'était en effet logique, je le supposais, mais je n'en étais pas sur... ^^
Merci d'avoir confirmé ;)
25/08/2009, 12h49
mica94

Merci pour vos reponses, ça m'a bien aidé