begin process at 2012 02 12 19:37:07
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

javascript / opacite / mac


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

javascript / opacite / mac

mardi 18 novembre 2008 à 15:43:11 | javascript / opacite / mac

chiktika

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

<img src="images/vignettes/<?php echo $image;?>.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)
    }
}



mardi 18 novembre 2008 à 17:55:32 | Re : javascript / opacite / mac

PetoleTeam

Membre Club
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)
mercredi 19 novembre 2008 à 08:59:53 | Re : javascript / opacite / mac

chiktika

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.
mercredi 19 novembre 2008 à 12:04:16 | Re : javascript / opacite / mac

chiktika

Bonjour
ta fonction fonctionne très bien mais sous mac le fait de changer l'opacité fait vraiment clignoter tous les textes.
;)
mercredi 19 novembre 2008 à 16:56:39 | Re : javascript / opacite / mac

PetoleTeam

Membre Club
Bonjour,
meme en désactivant le javascript j'ai toujours un effet de clignotement du texte au chargement de la page
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)


Cette discussion est classée dans : if, imgobj, cur2, which2, browserdetect


Répondre à ce message

Sujets en rapport avec ce message

aide sur un scrip [ par christmac ] J'ai recuperer un petit scrip ici qui me rend bien utile, et meme plus. Mais je but sur plusieurs gros problemes et j'arrive pas a trouver une solutio synchroniser une requete ajax asynchrone [ par AlexN ] Bonjour,Je cherche à synchroniser une requete ajax asynchrone. Et je prend une grosse suée.Je fais appel de manière cyclique à une requete ajax en mod probleme de chaine [ par dritz100 ] bonjours a tousje vous salut   voila  j'ai um probleme avec cette petite partie de code javascript qui est pour controler un ''textarea'' afin que la Pb avec un script info bulle [ par ard123 ] Bonjour, J'ai mis en place un script infos bulle (téléchargé sur http://www.toutjavascript.com/main/index.php3), ca marche nickel (texte ou image). Je Player multi format sécuriter java & php [ par c2bomb ] bonjour a tous,je cherche a afficher mon player,dans une fenetre style popup,mais hélas je suis vraiment nulle en javascript...si quelq'un peut m'aide 2 menuS deroulants java dans une page [ par DEVLYNE ] Bonjour!Sachez que je suis uns très grande débutante mais j'ai un petit souci.J'utilise un logiciel gratuit: Coffee Cup DHTML menu pour faire mes menu Calculs conditionnels dans un formulaire [ par magalidelmas ] Bonjour,J'ai un formulaire avec un champ texte Commentaire qui doit prendre en compte plusieurs données pour afficher le résultat voulu.Comment faire Vérification de doublons [ par eddie5150 ] Bonjour à tous,je viens de me lancer dans AJAX, mais je ne comprends pas encore tout très bien,aussi j'ai essayé d'effectuer une vérification automati Compilation conditionnelle. [ par A3nigma64 ] J'ai trouvé un script assez bien pour faire un compte à rebours mais voila lorsque je l'applique sur une de mes page web le compte à rebours ne s'affi Liste déroulante avec recherche par clavier [ par chahy ] Bonjour les amiesj'ai un petit probléme que je n'arrive pas a le resoudre , je veux que le resultat trouvez avec cette Liste déroulante avec recherche


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,073 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales