Cambiar Z-index de una capa Javascript

latinpower · #1 (**permalink**) 01/06/2011, 20:00

Hola,

Me pasa lo siguiente, tengo este codigo

Código HTML:

Ver original<head>
 
    <title> Eleccion de capa </title>
    <!-- <link href="css.css" rel="stylesheet" type="text/css" /> -->

Código Javascript:

Ver original<html>
<script language="JavaScript">
function cambia_color(){
 
celda = document.getElementById("celda" + document.fcolor.celda.value)
 
celda.style.background = document.fcolor.micolor.value
 
 
}
</script>

Código HTML:

Ver original</head>
 
 
<body>
 
<form name="fcolor">
 
        <input type=text name=celda size=3>
        
        <input type=text name=micolor size =8>
        
        <input type=button value="cambiar zindex" onclick="cambia_color()">
                
        </form>
 
 
<div id="celda1" style="background:red;
width:300px; height:100px; padding:5px;
left:0px;position: absolute; z-index:1;">hola
</div>
 
<div id="celda2" style="background:blue;
width:300px; height:100px; padding:5px;
left:100px; position: absolute; z-index:3;">hla2
</div>
 
<div id="celda3" style="background:green;
width:300px; height:100px; padding:5px;
left:180px;position: absolute; z-index:2;">hola3
</div>
 
 
</body>

en este caso puedo cambiarle el color a las capas, pero si cambio en el javascript background por Z-index, no me funciona, es decir, las capas no se sobreponen como yo lo especifico

Que estoy haciendo mal?

abimaelrc · #2 (**permalink**) 01/06/2011, 20:08

En javascript el z-index se indica zIndex. ¿Así lo tienes?

latinpower · #3 (**permalink**) 01/06/2011, 20:37

Cita:

Iniciado por abimaelrc

En javascript el z-index se indica zIndex. ¿Así lo tienes?

Si, era eso. Muchas Gracias.

Nunca se me pasó por la cabeza que en Javascript tuviera que escribirlo diferente

abimaelrc · #4 (**permalink**) 01/06/2011, 20:49

Todos aquellos que se dividen por - se unen y tienden a usar el camelcase.