Lancer une animation si useragent n'est pas msie

Version imprimable

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:

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:

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

tu as simplement oublié les accolades pour le else :P

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
 
$(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}
			]
		});
	}
});
});

30/01/2011, 22h21
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 ?
03/02/2011, 00h46
danielhagnoul

Bonsoir

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

Citation:

Envoyé par danielhagnoul

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:

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}
			]
		});
}
});