Discussion :

[WolwX]

Bonjour messieurs

J'aimerais un coup de main pour une fonction qui ne m'à pas l'air complexe mais pour laquelle j'avais être tellement débutant que je bloque :s

Voilà donc, j'ai deux animations qui me pose problème sous IE (problème de png transparent) pour lesquels j'aimerais donc les désactiver temporairement.

Ainsi chaque animation est dans son petit fichier .js et en début de code j'essaie d'appliquer la variable du useragent afin de ne pas lancer le reste du code si msie est reconnu.

Voici le code en question :

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
$(document).ready(function() {
		$(".coins1").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:10000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins2").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins3").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:8500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins4").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:3000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins5").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins6").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:7000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
});

Et la manière dont j'essaie de l'utiliser :

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
 
$(document).ready(function() {
jQuery.each(jQuery.browser, function(i, val) {
   if(i=="msie")
      alert("Ahhhh IE !!!")
else
		$(".coins1").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:10000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins2").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins3").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:8500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins4").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:3000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins5").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins6").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:7000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
});
});

Et à part avoir ma superbe boite de dialogue confirmant la reconnaissance de IE, je n'arrive pas à ne pas faire s’exécuter l'animation :s

Un peu d'aide ne serait donc pas de refus ^^

[lhapaipai]

tu as simplement oublié les accolades pour le else

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
 
$(document).ready(function() {
jQuery.each(jQuery.browser, function(i, val) {
   if(i=="msie")
      alert("Ahhhh IE !!!");
   else
   {
		$(".coins1").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:10000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins2").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins3").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:8500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins4").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:3000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins5").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins6").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:7000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
	}
});
});

[WolwX]

Bien vue en effet ^^

Cependant là j'aimerais faire si navigateur = internet explorer, alors boite de dialogue, dans le cas contraire lancer mon animation js

Mais ne fonctionne pas actuellement

J'ai toujours la boite de dialogue et toujours l'animation ...

Un coup de pouce svp ?

[danielhagnoul]

Bonsoir

Voir : http://api.jquery.com/jQuery.browser/

[WolwX]

Bonsoir

Voir : http://api.jquery.com/jQuery.browser/

J'ai déjà consulté la doc en question, mais étant assez débutant j'en étais venu à demander votre aide ...

Après des heures à trifouiller le code je suis arrivé à mon but, et pour ceux qui débutent comme moi, voici la réponse :

Je n'avais pas bien mise en place la condition "if else", il fallait penser à fermer chacunes des "conditions" "if" et "else" par les accolades { }

Voici mon code fonctionnel :

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
$(document).ready(function() {
// condition restrictant IE pour les animations utilisant des png transparant
if (jQuery.browser.msie) {
  alert("Animation desactivee car Navigateur Incompatible");}
else
{
// animation des lumières
		$(".coins1").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:10000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins2").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins3").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:8500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins4").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:3000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins5").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:5500, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
 
		$(".coins6").cyclicFade({
			repeat: 0,
			params: [
				{fadein:2000, stayin:500, fadeout:2000, stayout:7000, opout:0, fadein:2000, stayin:500, opin:1.0}
			]
		});
}
});