Javascript / opacite / mac

Signaler
Messages postés
58
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
23 janvier 2011
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
Bonjour,
j'utilise la fonction qui suit pour faire un effet d'opacité sur une image.
Cela fonctionne très bien sur tous les navigateurs mais j'ai un probleme avec firefox 2 sur mac : cela fais de gras ou d'empatement sur tous les textes de la pages html.
Quelqu'un aurait un idée ??
Avec par avance mes remerciements

.gif" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)"/>

/* fichier js

function slowhigh(which2){
    //imgobj=which2
    imgobj = document.getElementById(which2)
    browserdetect=imgobj.filters? "ie" : typeof imgobj.style.MozOpacity=="string"? "mozilla" : ""
    instantset(50);
    highlighting=setInterval("gradualfade(imgobj)",100)
   
}

function slowlow(which2){
    imgobj = document.getElementById(which2)
    cleartimer()
    instantset(100)
}

function instantset(degree){
    if (browserdetect=="mozilla"){
        imgobj.style.MozOpacity=degree/100;
    }
    else if (browserdetect=="ie"){
        imgobj.filters.alpha.opacity=degree;
    }
}

function cleartimer(){
    if (window.highlighting) clearInterval(highlighting)
}
   
function gradualfade(cur2){
    if (browserdetect=="mozilla" && cur2.style.MozOpacity<1){
        cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
    }
    else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100){
        cur2.filters.alpha.opacity+=10;
    }
    else if (window.highlighting){
        clearInterval(highlighting)
    }
}

4 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
perso j'utilisais cette fonction qui ma
donnée entière satisfaction...
//---------------------------------

function Obj_SetOpacity( obj_, opa_){
  //-- Recup l'objet
  var Obj = ( typeof
(obj_)=='object') ? obj_ : document.getElementById( obj_);
   //-- Si existe
  if( Obj){

    if(document.all && !window.opera){
      Obj.style.filter =
"alpha(opacity=" + opa_ + ");"
    }
    else{
      var Val =
opa_/100;
      Obj.style.setProperty( "-moz-opacity", Val, "");

      Obj.style.setProperty( "-khtml-opacity", Val, "");

      Obj.style.setProperty( "opacity", Val, "");
    }
  }

}
mais le problème est peut être ailleurs...
;O)
Messages postés
58
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
23 janvier 2011

Bonjour,
merci pour ta réponse je vais tester ta fonction mais cela ne résoudra malheureusement pas mon probleme : meme en désactivant le javascript j'ai toujours un effet de clignotement du texte au chargement de la page, ca doit venir d'une propriété css ....
Merci beaucoup.
Messages postés
58
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
23 janvier 2011

Bonjour
ta fonction fonctionne très bien mais sous mac le fait de changer l'opacité fait vraiment clignoter tous les textes.
;)
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, meme en désactivant le javascript j'ai
toujours un effet de clignotement du texte au chargement de la
page</td>
</td></tr></tbody></table>c'est donc ce
que je disais en substance, mais le problème est peut être ailleurs...
-
Problème lié au style, encapsulation des textes, attention aux propriétés
héritées
- Problème de DOCTYPE, souvent source de soucis d'affichage
-
Bug d'affichage de FireFox sous MAC

A
vérifier toutefois si la feuille de style est valide, il existe cela pour... http://jigsaw.w3.org/css-validator/

SORRY pas de MAC à ma disposition pour
tester, mais si tu as un lien...on ne sait jamais
;O)