Discussion :

[mica94]

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 :

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

self = this;

Voici le script en entier:

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
$(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

[mica94]

J'ai trouvé la solution en mettant

Code :

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

var slider = this;

Parcontre j'aimerais bien savoir pourquoi pour firefox ce n'est pas un probleme ?

[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... ^^

[mica94]

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 ?

[RomainVALERI]

>>> Cette propriété :

Code :

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

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

[kernelfailure]

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


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

[RomainVALERI]

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é

[mica94]

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