Discussion :

[defacta]

Salut,

J'ai encore des soucis pour faire du fading sur une div (quand la souris est sur "Compétences"):
http://boxfly.free.fr/avocats/

Donc ca marche avec Firefox et Safari, pas avec IE.
La fonction du fading:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function fadeMain() {
 if(document.all) {
    document.all.mainData.style.filter = 'alpha(opacity=60)' ;
    if (document.getElementById) { 
      document.getElementById('mainData').style.MozOpacity = '60%' ;
    }
    return false ;
  } else {
    document.getElementById('mainData').style.opacity = 6/10 ;
  }
}

Je me suis basé sur le code de cette page pour la version IE:
http://boxfly.free.fr/test/opacity2.html

Je ne comprends pas pourquoi cela ne marche pas, c'est vraiment du copier/coller pour le code IE à partir de la page opacity2.html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<A HREF="javascript: void 0"
   ONCLICK="if (document.all)
              document.all.aDiv.style.filter = 'alpha(opacity=0)';
            else if (document.getElementById)
              document.getElementById('aDiv').style.MozOpacity = '0%';
            return false;"
>

Vous voyez pourquoi ca marche pas ?

Merci,
Vincent.

[Braillane]

Pourquoi ne pas utiliser une library, genre jQuery??
Au moins il fait tout à ta place... Honnetement moi je me cassais les pieds pareils que toi, mais franchement les librairies existantes font ça beaucoup mieux que nous et sont très performante...

[andry.aime]

Essaie avec document.getElementById('mainData').filters.alpha.opacity

[defacta]

Les lib comme JQuery, c'est plutot pour les javascript complex, là c'est tout bête ce que je veux faire et charger une lib aussi lourde juste pour ça, ce serait abusé.

J'ai essayé avec "document.getElementById('mainData').filters.alpha.opacity" et j'ai une erreur avec IE: Type incompatible.

[Braillane]

[QUOTE=defacta;4062454]Les lib comme JQuery, c'est plutot pour les javascript complex, là c'est tout bête ce que je veux faire et charger une lib aussi lourde juste pour ça, ce serait abusé/QUOTE]

Je ne voudrai pas troller mais jQuery, c'est 19kb et quelques milliseconds à charger, on peut pas dire que ce soit énorme... Moi pour le prix je l'utilise à tte les sauces, m'enfin, la n'est pas le sujet

Plutot que d'essayer de changer l'opacity en javascript, au pire fait une deuxieme class css et change la class.
Voila un site qui marche avec ie :
http://www.mandarindesign.com/opacity.html

[Bovino]

Je ne comprends pas pourquoi cela ne marche pas, c'est vraiment du copier/coller pour le code IE à partir de la page opacity2.html

Non, pas du tout, tes imbrications de conditions sont mal faites.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function fadeMain() {
if(document.all) {
    document.all.mainData.style.filter = 'alpha(opacity=60)';
    document.all.mainData.style.filter[0].opacity=60;
}
else if (document.getElementById) { 
    document.getElementById('mainData').style.opacity = 0.6;
}
return false ;
}