opacité sous IE

Version imprimable

12/02/2007, 09h34
Matgic95

opacité sous IE
Bonjour, je réalise une animation javascript et pour cela j'ai besoin de controler l'opacité d'un div.
Sous Firefox, tout marche très bien grâce à
Code:

1 2 document.getElementById("id").style.opacity=opa;
mais sous IE j'ai essayé la fonction que j'ai vu sur d'autre forum mais impossible de la faire fonctionner.

Code:

document.getElementById("id").filter.alpha.opacity=opa;

Quelqu'un pourrait-il m'aider?
12/02/2007, 09h58
dam_moreyllo

Bonjour !
Essai plutôt :

Code:

document.getElementById("id").style.filter = "alpha(opacity=" + opa + ")";
12/02/2007, 10h17
SpaceFrog

Code:

document.getElementById("id").filters[0].opacity=opa;
12/02/2007, 10h21
Matgic95

Ca ne fonctionne pas, IE ne détecte toujours pas le changement d'opacité
12/02/2007, 10h29
Matgic95

En fait ptitskippy, ca marche, javai oublié de changer l'id, c juste que c'est un peu lent par rapport à Firefox mais avec une detection de naviguateur et un changement de la vitesse, ca va le faire.
12/02/2007, 10h30
Matgic95

ta solution fonctionne aussi spacefrog mais c'est lent aussi, donc je vais détecter le navigateur comme je vous l'ai dit et je changerai la vitesse

D'ailleurs, pour détecter le navigateur, est-ce qu'il y a une solution autre que de détecter le nom du naviguateur? car je connais cette solution mais je la trouve pas très propre.

PS: je mets le tag resolu dès que j'ai eu votre avis sur cette dernière question

Testé sous IE et FFX ...

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
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fading Pic</title>
</head>
 
<body>
<img id="spaffySpecial" src="lungs.gif" width=116 height=123 style="-moz-opacity:0;filter:alpha(opacity=0)">
<br/>
Opacité : <input type='text' id='result' style="width:40px;text-align:right;" />
<script>
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("spaffySpecial");
 
function fadePic(){		
				if (opacite<max && up){opacite+=2;}
				if (opacite>min && !up){opacite-=2;}
				if (opacite>=max){up=false;}
				if (opacite<=min){up=true;}
 
IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("spaffySpecial").style.opacity=opacite/100;
document.getElementById('result').value=opacite+"%"
}
setInterval(function(){fadePic();},100)
</script>
</body>
</html>

12/02/2007, 11h01
Matgic95

Merci pour ce script, il marche du tonnerre