Cambiar opacidad de elemento para todos los navegadores.

[CHuLoSoY]

Hola amigos.
Os cuento mi problema. Necesito cambiar mediante Javascript la opacidad de algunos elementos. Si creo una clase CSS tal que así:

Código CSS:

.clase {
-moz-opacity: 0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}
 

Funciona correctamente en todos los navegadores. Cambiando la clase con javascript me va perfecto, pero ahora no puedo cambiar la clase, sino que necesito cambiar el estilo de opacidad. He probado estos códigos:

Código Javascript:

document.getElementById('oscurecer').style.MozOpacity='0.5';
document.getElementById('oscurecer').filters.alpha.opacity='50';
document.getElementById('oscurecer').style.opacity='50';
 

Pero no me funciona :(
Cómo hacéis vosotros?

Muchas gracias.

[jackson666]

Queres que mediante un evento, cambiarle el nombre de clase a un elemento?

Código Javascript:

document.getElementById('tuId').className = 'clase';
 

No se sera eso lo q necesitas...

[CHuLoSoY]

He estado indagando un poco más, pero no doy con la solución. Ahora mismo el código que he hecho es el siguiente:

Código Javascript:

for(opacidad=0,tiempo=25; opacidad<=60; opacidad+=5,tiempo+=25) {
        setTimeout("document.getElementById('oscurecer').style.MozOpacity='0."+opacidad+"'",tiempo);
        setTimeout("document.getElementById('oscurecer').style.opacity='0."+opacidad+"'",tiempo);
        setTimeout("document.getElementById('oscurecer').style.KHTML='0."+opacidad+"'",tiempo);
        setTimeout("document.getElementById('oscurecer').style.filter='alpha(opacity="+opacidad+")'",tiempo);
    }
 

Por lo que veo, esto es correcto, pero no funciona :( Lo tengo mezclado en el mismo código con esto que SÍ funciona:

Código Javascript:

for(alto=5,tiempo=25; alto<=120; alto+=5,tiempo+=25) {
        setTimeout("document.getElementById('capaBusqueda').style.height='"+alto+"px'",tiempo);
    }
 

Saludos y gracias

[CHuLoSoY]

Iniciado por jackson666

Queres que mediante un evento, cambiarle el nombre de clase a un elemento?

Código Javascript:

document.getElementById('tuId').className = 'clase';
 

No se sera eso lo q necesitas...

No gracias, pero eso es lo que sí me funcionaba, pero ahora no me sirve. Gracias de todas formas :(

[caricatos]

Hola:

MozOpacity creo que ya lo puedes descartar porque ya se ha estandarizado opacity... y para explorer la cadena es distinta: filter = "alpha(opacity=50)"...

Tengo un ejemplo aquí: Pseudo-lightbox

Saludos

[CHuLoSoY]

Iniciado por caricatos

Hola:

MozOpacity creo que ya lo puedes descartar porque ya se ha estandarizado opacity... y para explorer la cadena es distinta: filter = "alpha(opacity=50)"...

Tengo un ejemplo aquí: Pseudo-lightbox

Saludos

Sí, el filter lo he cambiado. Pero fíjate que también meto opacity y tal. He cambiado 0.'+variable Por variable / 100:

Código Javascript:

for(opacidad=0,tiempo=25; opacidad<=60; opacidad+=5,tiempo+=25) {
        setTimeout("document.getElementById('oscurecer').style.MozOpacity='"+opacidad/100+"'",tiempo);
        setTimeout("document.getElementById('oscurecer').style.opacity='"+opacidad/100+"'",tiempo);
        setTimeout("document.getElementById('oscurecer').style.KHTML='"+opacidad/100+"'",tiempo);
        setTimeout("document.getElementById('oscurecer').style.filter='alpha(opacity="+opacidad+")'",tiempo);
    }
 

Y tampoco......

[caricatos]

Hola:

Pero en qué navegadores falla...

Saludos

[CHuLoSoY]

Ahora mismo en Firefox 3.6.2, Konqueror 4.4.00 y Chromium 5.0.33

Saludos y gracias :)

[CHuLoSoY]

Ya funciona. El código está bien:

Código Javascript:

#
        setTimeout("document.getElementById('oscurecer').style.MozOpacity='"+opacidad/100+"'",tiempo);
#
        setTimeout("document.getElementById('oscurecer').style.opacity='"+opacidad/100+"'",tiempo);
#
        setTimeout("document.getElementById('oscurecer').style.KHTML='"+opacidad/100+"'",tiempo);
#
        setTimeout("document.getElementById('oscurecer').style.filter='alpha(opacity="+opacidad+")'",tiempo);
 

Mi problema estaba en el css, que en lugar de dos puntos (:) puse punto y coma (;) y me cortaba todo.

Mil gracias amigos! La mayoría de los errores son una tontería.