Changement d'opacité fonctionne uniquement en FF

**starr** · 14/05/2007, 15h39

Bonjour, mon code doit normalement afficher deux div, un avec une opacité de 100% et l'autre avec une opacité de 50%
cependant il ne fonctionne que sous FF alors que normalement sous ie il doit fonctionner aussi.
j'ai lu attentivement vos autre messages notament celui de SpaceFrog avec son script d'opacité

le résultat fonctionne d'ailleurs très bien et le code est vraiment court, mais il devrait le commenter car je le comprends pas completement moi qui suit débutant

.
si quelqu'un peu trouver le bug dans mon pti code ça serait cool
merci

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
59
60
61
62
<html>
<head>
<title>
</title>
</head>
<body>
	<div id="magenta100" style="background-color: #0FF;">
		une div avec un fond magenta à 100%.
	</div>
	<div id="magenta50" style="background-color: #0FF">
		une div avec un fond magenta à 50%.
	</div>
	<script type="text/javascript">
		function Browser()
		{
			if(navigator.userAgent.indexOf('Opera')!=-1)
			this.opera = true;
			if(navigator.userAgent.indexOf('konqueror')!=-1)
			this.Konqueror = true;
			if(navigator.userAgent.indexOf('Safari')!=-1)
			this.Safari = true;
			if(navigator.userAgent.indexOf('Firefox/1.0')!=-1)
			this.ff10 = true;
			if(navigator.userAgent.indexOf('Firefox/1.5')!=-1)
			this.ff15 = true;
			if(navigator.userAgent.indexOf('Netscape/7.0')!=-1)
			this.netscape = true;
			if(navigator.userAgent.indexOf('MSIE 7')!=-1)
			this.ie7 = true;
			if(navigator.userAgent.indexOf('MSIE 6')!=-1)
			this.ie6 = true;
			//fonction qui affecte l'opacité
			this.setOpacity = function(el, valeur)
			//sous IE
			{
				if(this.ie7 || this.ie6)
				{
					alert('c est IE 6 OU  7 ');
					var op = parseInt(valeur*100);
					alert(op);
					el.style.filter = 'alpha(opacity='+op+')';
				}
			//sous les autres navigateurs
				else
				{
					el.style.opacity = valeur;
				}
 
			}		
		}
		function $(el)
		{
			return document.getElementById(el);
		}
		//on instancie l'objet browser
		var browser = new Browser();
		//On applique une opacité à une div
		browser.setOpacity($('magenta50'), 0.5);
	</script>
 
</body>
</html>

**SpaceFrog** · 14/05/2007, 17h28

une synatxe crossbrowser:

Code :

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

IsIE?Obj.filters[0].opacity=opacite:obj.style.opacity=opacite/100;

**starr** · 14/05/2007, 17h39

je n'avais jamais vu ce genre de syntaxe

on dirait un hack javascript lol

merci en tt cas pour ta réponse si rapide.
jvais tester avec ça, mais je comprends pas trop la ligne, surtout le point d'interrogartion dans la ligne.

**E.Bzz** · 14/05/2007, 17h42

EDIT : Auto-censure

**SpaceFrog** · 14/05/2007, 19h12

cela n'a rien d'un hack ...

la synatxe

Code :

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

1
2
3
 
if (condition){ si oui...}
else{si non ...}

ne devrait être utilisée en javascript que lorsque cette syntaxe ne peut pas être utilisée

Code :

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

(condition)?si oui:sinon;

**starr** · 14/05/2007, 22h13

oui effectivement ça me rappelle qu'on n'avais vu ça en cours de php loll
mais c'est lointain, car y a la meme syntaxe en php,
mais meme s'il est est plus courte je l'utilise pas :p
je suis impardonnable lol
merci de m'avoir éclairé

Changement d'opacité fonctionne uniquement en FF

JavaScript

Discussions similaires

Partager

Partager