Opacity et Safari

Version imprimable

Opacity et Safari

Salut,

Ce code marche avec IE et Firefox mais pas avec Safari:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function disappear() {
  if(block == 0) {
  var content = " " ;
  if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion >= "4.0")  {
      document.all('fact-content').filters.alpha.opacity = 0 ;
  } else {
     document.getElementById('fact-content').style.MozOpacity = 0 ;
  }
 
   setTimeout("fill_it()",3000) ;
  }
 
}

Quelque a une idee pour le faire marcher avec Safari ?

Merci,
Vincent.

Code:

1
2
3
4
function Opacificateur(Obj,quantite) {
	Obj.style.opacity = quantite/10;
	Obj.style.filter = 'alpha(opacity=' + quantite*10 + ')';
}

04/10/2007, 14h16
Bisûnûrs

KhtmlOpacity pour Safari, tout comme pour Konqueror.
04/10/2007, 14h25
defacta

Maintenant c'est IE qui fait des siennes :cry:

document.all('fact-content').filters.alpha.opacity = 0 ;

passe pas !

Une idee pourquoi ?

Merci...

Code:

Obj.style.filter = 'alpha(opacity=' + quantite*10 + ')';

ce code fonctionne sous IE et FFX:
pas testé safari

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<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>

L'effet est vraiment sympa, ca marche avec Firefox et Safari mais pas avec IE, IE m dit Object required, voici le code:
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 var max = 100; var min = 0; var opacite=min; up=true; var IsIE=!!document.all; var ThePic=document.getElementById("fact-content"); function fadePic(){ if (opacite<max && up){opacite+=3;} if (opacite>min && !up){opacite-=3;} if (opacite>=max){up=false;} if (opacite<=min){up=true;} IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("fact-content").style.opacity=opacite/100; document.getElementById('fact-content').value=opacite+"%" } setInterval(function(){fadePic();},50) function Opacificateur(Obj,quantite) { Obj.style.opacity = quantite/10; Obj.style.filter = 'alpha(opacity=' + quantite*10 + ')'; } setTimeout("fill_it()",200) ;
L'erreur IE est pour cette ligne:
IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("fact-content").style.opacity=opacite/100;

Qu'est ce que je peux faire ?

Merci,
Vincent.

PS: fact-content n'est pas une image mais une div comme suit:

<div id="fact-content" style="filter:alpha(opacity=100);-moz-opacity:1; ">
Coucou
</div>