Trabajo con CSS y javascript

El_Barto · #1 (**permalink**) 28/08/2005, 09:27

Estoy tratando de averiguar cómo trabajar con CSS y javascript. Si alguno tuviera algún tutorial/manual que me pudiera indicar, estaría agradecido.

Concretamente lo que estoy tratando de hacer ahora es lo siguiente.

Tengo 5 íconos puestos en 5 capas diferentes. Quisiera que, al pasar el mouse encima de alguno de los íconos, se cambiara la opacidad de las capas restantes. Es decir que pasara a:

opacity: .2; //Para Firefox

o

filter: alpha(opacity=20%); //Para IE

Saludos

jhonyweb · #2 (**permalink**) 28/08/2005, 16:52

te lo voy a hacer para IE:
<head>
<script languaje="javascript">
function cambia_opacity(capa)
{
capa.style.filter="alpha(opacity=20%)";
}
</script>
</head>
<body>
<div id="icono1" style="....defines como quieras el estilo...." onmouseover="cambia_opacity(this)"
</body>

bueno ya me cuentas si te ha valido...

El_Barto · #3 (**permalink**) 28/08/2005, 18:53

Probé en IE y me dice da el error de "Se esperaba un objeto".
Y probé cambiarlo para Firefox (porque los errores que tira la consola son un poco más claros) y me dice que document.capa1 no tiene propiedades.
El código está asi:

function cambiar(capa)
{
document.capa1.style.opacity=".2";
}

(la puse así nomás para probar si funcionaba)
Y bueno, a la capa1 le dí en la CSS las propiedades
display: block;
opacity: .;

Saludos