Discussion :

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

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

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 :

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

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.

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

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

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 :

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

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 :

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

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!

[Boa67]

Code :

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

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

[Bovino]

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

Code :

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

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

[Boa67]

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 :

Code :

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

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)';

[defacta]

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

Code :

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

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

[Bovino]

Code :

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

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 :

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

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

Le code sur ta page !

J'ai réduis le code au max

un peu trop on dirait.

[defacta]

Code :

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

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 :

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

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

Le code sur ta page !


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à!

[Bovino]

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 !

[defacta]

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.

[Bovino]

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

[yabon2]

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

<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