Lancer une animation si useragent n'est pas msie [Résolu]

WolwX · 30/01/2011, 16h29

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 · 30/01/2011, 19h30

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 · 30/01/2011, 22h21

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 · 03/02/2011, 00h46

Bonsoir

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

WolwX · 03/02/2011, 17h40

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 :

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

03/02/2011, 00h46	#4
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonsoir Voir : http://api.jquery.com/jQuery.browser/ __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

30/01/2011, 22h21	#3
WolwX Invité de passage Inscription : mars 2006 Messages : 9 Détails du profil Informations forums : Inscription : mars 2006 Messages : 9 Points : 2 Points : 2	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 ?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email