opacit� sous IE

**Matgic95** · 12/02/2007, 09h34

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Quelqu'un pourrait-il m'aider?

**dam_moreyllo** · 12/02/2007, 09h58

Bonjour !
Essai plut�t :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**SpaceFrog** · 12/02/2007, 10h17

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("id").filters[0].opacity=opa;

**Matgic95** · 12/02/2007, 10h21

Ca ne fonctionne pas, IE ne d�tecte toujours pas le changement d'opacit�

**Matgic95** · 12/02/2007, 10h29

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.

**Matgic95** · 12/02/2007, 10h30

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

**SpaceFrog** · 12/02/2007, 10h48

Test� sous IE et FFX ...

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

**Matgic95** · 12/02/2007, 11h01

Merci pour ce script, il marche du tonnerre

opacit� sous IE

JavaScript

Discussions similaires

Partager

Partager