Problema con switch case

[karlic0s]

Tengo un switch case que muestra y oculta capas, bien tengo lo siguiente:

Código Javascript:

<script>
 
function cambiarcapa(var) {
switch (var) {
    case 'inicio':
       document.getElementById(inicio).style.display = block;
       document.getElementById(register).style.display = none;
       document.getElementById(ultima).style.display = none;
       break;
    case 'register':
       document.getElementById(inicio).style.display = none;
       document.getElementById(register).style.display = block;
       document.getElementById(ultima).style.display = none;
       break;
    case 'ultima':
       document.getElementById(inicio).style.display = none;
       document.getElementById(register).style.display = none;
       document.getElementById(ultima).style.display = block;
       break;
 
} 
}
 
</script>
 
<a href=# onclick=cambiarcapa('inicio'); return false;><img src="images/index_03.jpg" border="0"></a>
<a href=# onclick=cambiarcapa('register'); return false;><img src="images/index_04.jpg" border="0"></a>
<a href=# onclick=cambiarcapa('ultima'); return false;><img src="images/index_05.jpg" border="0"></a>
 
 
<div id="inicio">
</div>
<div id="register">
</div>
<div id="ultima">
</div>
 

Directamente no me funciona nada, ni bien ni mal, alguien podría decirme en que me estoy equivocando?


Un saludo y gracias por la respuesta de antemano.

[ceSharp]

hola Karlicos,

estás usando una palabra reservada ( var ) como nombre de variable. Para declarar variables en javascript se hace así --> var variable = 1;
prueba a poner otra cosa en lugar de var y nos cuentas

salu2

[karlic0s]

Gracias ceSharp, no me di cuenta en que puse var, sabia que era palabra reservada, pero escribiendo codigo ni lo vi, lo he cambiado var por capa, pero sigue sin funcionar...

Y creo que las comillas estan bien puestas, o me equivoco?

Alguna otra sugerencia?

[maycolalvarez]

coloca los valores de display como cadenas:

document.getElementById(inicio).style.display = 'none';
document.getElementById(inicio).style.display = 'block'; etc.

[ceSharp]

si, hay algo más...

faltan comillas en los id de los divs en el código javascript, así como en los style.display. Esta sería la forma correcta de poner las comillas
-------------------------------
<script type="text/javascript">
function cambiarcapa(var1)
{
switch (var1)
{
case 'inicio':
document.getElementById('inicio').style.display = 'block';
document.getElementById('register').style.display = 'none';
document.getElementById('ultima').style.display = 'none';
break;
case 'register':
document.getElementById('inicio').style.display = 'none';
document.getElementById('register').style.display = 'block';
document.getElementById('ultima').style.display = 'none';
break;
case 'ultima':
document.getElementById('inicio').style.display = 'none';
document.getElementById('register').style.display = 'none';
document.getElementById('ultima').style.display = 'block';
break;
}
}
</script>
---------------------------------
en el HTML también te faltan comillas en los href:
--------------------------------
<a href="#" onclick="cambiarcapa('inicio'); return false;">


salu2

[karlic0s]

Gracias de nuevo, ahora si que funciona.

Expongo la solución para futuros usuarios con el mismo problema:
lo único que faltaba era poner comillas a las vistas, block y none en la función.