Filter opacity sous IE7

Salut,

J'ai un soucis pour fixer l'opacity d'une div, le code marche tant avec firefox qu'avec Safari (sous windows xp), mais pas avec IE7:

HTML:
Code:

1 2 3 4 <div id="main-data" style="padding-left:20px; padding-right:20px ; filter:alpha(opacity=100);-moz-opacity:1;" > blablabla </div>
Javascript:
Code:

1 2 3 4 5 6 if(document.all) { document.getElementById('main-data').style.filters.alpha.opacity = 5 ; } else { document.getElementById('main-data').style.opacity = 6/10 ; }
Donc, quand on rentre dans le "if", ca marche pas du tout...

Qqn aurait une idée ?

Merci,
Vincent.

Citation:
Envoyé par defacta
Salut,

J'ai un soucis pour fixer l'opacity d'une div, le code marche tant avec firefox qu'avec Safari (sous windows xp), mais pas avec IE7:

HTML:
Code:

1 2 3 4 <div id="main-data" style="padding-left:20px; padding-right:20px ; filter:alpha(opacity=100);-moz-opacity:1;" > blablabla </div>
Javascript:
Code:

1 2 3 4 5 6 if(document.all) { document.getElementById('main-data').style.filters.alpha.opacity = 5 ; } else { document.getElementById('main-data').style.opacity = 6/10 ; }
Donc, quand on rentre dans le "if", ca marche pas du tout...

Qqn aurait une idée ?

Merci,
Vincent.
J'ai également essayé le javascript:
Code:

1 2 3 4 5 6 7 8 style.cursor='pointer' ; var lbox = document.getElementById('main-data'); if(document.all) { lbox.style.filter = 'alpha(opacity: 0.6)'; } else { document.getElementById('main-data').style.opacity = 6/10 ; }
Je comprends pas POURQUOI! :aie:

Code:

document.getElementById('main-data').style.filter='alpha(opacity=0.6)';

Oui Boa, sauf que pour IE, l'opacité varie de 0 à 100...

Code:

1
2
3
4
if(document.all) {
  document.getElementById('main-data').style.filter='alpha(opacity=60)';
  document.getElementById('main-data').filters[0].opacity=60; 
}

Ah oui.
Erreur de ma part, j'ai regardé le code de defacta en recopiant^^...

Pour me faire pardonner je donne tous les opacity existant : :mrgreen:

Code:

1
2
3
4
        document.getElementById('main-data').style.opacity =0.6;
        document.getElementById('main-data').style.MozOpacity = 0.6;
        document.getElementById('main-data').style.KhtmlOpacity = 0.6;
        document.getElementById('main-data').style.filter = 'alpha(opacity=60)';

Citation:
Envoyé par Bovino
Oui Boa, sauf que pour IE, l'opacité varie de 0 à 100...
Code:

1 2 3 4 if(document.all) { document.getElementById('main-data').style.filter='alpha(opacity=60)'; document.getElementById('main-data').filters[0].opacity=60; }
Salut!

Désolé mais cela ne marche toujours pas :roll:
J'ai réduis le code au max, le voici:
http://boxfly.free.fr/test/opacity.html

Lorsque la souris passe dans la zone div du mot "compétences", cela devrait fixer la main-data div a une opacité de 60, marche avec FF et Safari, mais IE7, rien du tout.
P-e, cela vient de mon PC, p-e il faut préciser pour IE la version de JavaScript à utiliser...
Ché po!

Vincent.

Code:

1 2 3 4 if(document.all) { document.getElementById('main-data').style.filter='alpha(opacity=60)'; document.getElementById('main-data').filters[0].opacity=60; }
C'est le code que je t'ai donné,
Code:

1 2 3 4 if(document.all) { alert('dans if') ; document.getElementById('main-data').style.filter='alpha(opacity=60)'; }
Le code sur ta page !
:roll:

Citation:

J'ai réduis le code au max

un peu trop on dirait.

Citation:
Envoyé par Bovino
Code:

1 2 3 4 if(document.all) { document.getElementById('main-data').style.filter='alpha(opacity=60)'; document.getElementById('main-data').filters[0].opacity=60; }
C'est le code que je t'ai donné,
Code:

1 2 3 4 if(document.all) { alert('dans if') ; document.getElementById('main-data').style.filter='alpha(opacity=60)'; }
Le code sur ta page !
:roll:

un peu trop on dirait.
Oui c'est vrai, mais pourquoi cela ne marche-t'il pas avec IE7! C'est fou ça...
Ch'uis out là!
:cry:

C'est normal, tu ne mets que la moitié des instructions !

EDIT :
Une fois que tu as défini ton filtre, il faut l'appliquer !

J'ai trouvé un ex. qui ne marche que pour IE et avec un if(document.all)!
Je v finir par y arriver.

http://boxfly.free.fr/test/opacity2.html

Merci pour l'aide.
Vincent.

Un exemple cross-browser : http://dmouronval.developpez.com/tut...s/fading1.html

bonsoir,
petit souci cela fonctionne à merveille pour la 1ere image, mais pas pour la seconde...
Voici le code :

Citation:

<A onMouseOver="nomimage1.src=i1.src" onMouseOut="nomimage1.src='images/bois/sculpture-bois-1.jpg'"><img src="images/bois/sculpture-bois-1v.jpg" alt="sculpture bois & acier" id="une_image"></A>
<A onMouseOver="nomimage1.src=i2.src" onMouseOut="nomimage1.src='images/bois/sculpture-bois-2.jpg'"><img src="images/bois/sculpture-bois-2v.jpg" alt="sculpture contemporaine" id="une_image"></A>

avez-vous une idée ?
merci d'avance