Discussion :

[TSalm]

Bonjour à tous et surtout à toutes ;-) ,

Je n'arrive pas à rendre, via javascript un div plus ou moins transparent.
Personne n'aurais un exemple sous la main ?

D'avance merci ,
TSalm

[Auteur]

bonjour,

regarde voir du côté de moz-opacity pour Firefox et de filter:alpha pour IE

[bigboomshakala]

c'est plus une question à poser sur le forum CSS

avec ce CSS tu obtiens la transparence sur tous (ou presque?) les navigateurs

Code :

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

1
2
3
4
5
6
.transparent80
{
  -moz-opacity:0.8; // mozilla 1.6 et avant
  opacity: 0.8; // firefox
  filter:alpha(opacity=80); // IE
}

[TSalm]

Merci.

c'est plus une question à poser sur le forum CSS

Sauf que je veux le faire en javascript
(naaaan je suis pas ce genre de type qui veut toujours avoir le dernier mot )
TSalm

[bigboomshakala]

oué mais une fois que tu as le css, tu as le javascript correspondant
(dernier mot +1 )

[TSalm]

mmmh, pas dans tout les cas. Par exemple ici, pour accéder à la transparence avec mozilla, c'est non pas moz-opacity, mais MozOpacity...

[TSalm]

Bon, j'ai fait ce script, je sais pas si c'est correct :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var navType = navigator.userAgent.toLowerCase();
 
// Si mozilla <= 1.6
if ( (navType.indexOf('mozilla')!=-1) && (navigator.appVersion<=1.6)) {
  function setOpacity(obj,nOpacity) {
    obj.style.MozOpacity=""+(nOpacity/100); // Mozilla<=1.6
  }
}
// Sinon si Firefox ou version suivante de Mozilla
else if (navType.indexOf('mozilla')!=-1) {
 function setOpacity(obj,nOpacity) {
  obj.style.opacity=""+(nOpacity/100);
 }
}
// Sinon si Microsoft IE
else if (navType.indexOf('msie')!=-1) {
 function setOpacity(obj,nOpacity) {
  obj.style.filter="alpha(opacity="+nOpacity+")"; //IE
 }
}
// Sinon tout
else {
 function setOpacity(obj,nOpacity) {
  obj.style.MozOpacity=""+(nOpacity/100); // Mozilla<=1.6
  obj.style.opacity=""+(nOpacity/100); // FF
  obj.style.filter="alpha(opacity="+nOpacity+")"; //IE
 }
}