Encore un soucis de Fading/IE.

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:

---

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:

---

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.

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

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

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.

[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 :D

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

Citation:

---

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:

---

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

---

Citation:

---

Envoyé par Bovino

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

Code:

---

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

---

---

Bovino, ca ne marche pas non plus chez moi mais peut-être ca marche avec ton IE:
http://boxfly.free.fr/avocats/

Je viens de remarquer que mon firewall rajoute du javascript dans toutes les pages HTML:
<!-- Sunbelt Popup Killer - script has been inserted by SPF -->
<script type="text/javascript">
etc...

J'ai désinstaller le firewall mais l'ajout de javascript persiste !!!
Est-ce que ca marche chez vous et avec quelle version d'IE ?

Merci pour votre aide,
Vincent.

PS: Va falloir que de fasse une réinstall d'XP, de toute il fallait que je le fasse, ma version est une version corrompue ;)

Ben faut dire que document.all... c'est pas terrible ! Essaye avec :

Code:

---

1 2 3 4

if(document.all) { document.getElementById('mainData').style.filter = 'alpha(opacity=60)'; document.getElementById('mainData').style.filter[0].opacity=60; }

---

Je suis tombé sur LE IE-bug !

Le code javascript ne marche pas quand c'est pour une <DIV>, mainData, mais il marche lorsqu'il concerne un <TD>. Donc j'ai simplement déplacé:

Code:

---

<td id="mainData" style="filter: alpha(opacity=95);-moz-opacity: 95%;"

---

Et dans ce <td>, la div:

Code:

---

<div style="padding-left:20px; padding-right:20px ; background-image: url(imgs/bg_main-bw.gif);">

---

Par contre il ya 2 bandes vertes en haut et en bas sous IE, mais ça avance...puisque j'ai aussi le fading effect ;-)