Foros del Web - Ver Mensaje Individual - por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona

Franz1628 · #5 (**permalink**) 21/10/2011, 22:38

Pues en tu switch

Código Javascript:

Ver originalswitch (id){
case 'contenido_a_mostrar':
if (document.getElementById('contenido_a_mostrar').st yle.display=='none') {
document.getElementById('contenido_a_mostrar').sty le.display='block';
document.getElementById('contenido_a_mostrar2').st yle.display='none';
} else {
document.getElementById('contenido_a_mostrar').sty le.display='none';
 
} 
break;
case 'contenido_a_mostrar2':

En los dos "case" deben ser como cadena porque debes en enviar la funcion mostrar con una cadena y no como mostrar(contenido_a_mostrar) <--- que estas enviando?

Prueba este codigo si te funciona

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; " />
<title>Documento sin t&iacute;tulo</title>
 
<script language="JavaScript">
function mostrar(id){
switch (id){
case 'contenido_a_mostrar':
if (document.getElementById('contenido_a_mostrar').style.display=='none') {
document.getElementById('contenido_a_mostrar').style.display='block';
document.getElementById('contenido_a_mostrar2').style.display='none';
} else {
document.getElementById('contenido_a_mostrar').style.display='none';
 
} 
break;
case 'contenido_a_mostrar2':
if (document.getElementById('contenido_a_mostrar2').style.display=='none') {
document.getElementById('contenido_a_mostrar2').style.display='block';
document.getElementById('contenido_a_mostrar').style.display='none';
} else {
document.getElementById('contenido_a_mostrar2').style.display='none';
 
}
break;
}
}
 
</script>
<style type="text/css">
<!--
.contenedor{
width: 200px;
background-color: #F5F6FC;
}
-->
</style>
</head>
<body>
<div class="contenedor">
    <div onClick="mostrar('contenido_a_mostrar')" >mostrar contenido1</div>
    <div id="contenido_a_mostrar" style="display:none" >
        <ul>
        <li>mate</li>
        <li>fisica</li>
        <li>historia</li>
        <li>goegrafia</li>
        </ul>
    </div>
 
    <div onClick="mostrar('contenido_a_mostrar2')" >mostrar contenido2</div>
    <div id="contenido_a_mostrar2" class="menuprincipal" style="display:none">
        <ul>
        <li>Photoshop</li>
        <li>Flash</li>
        <li>Preprensa</li>
        <li>Serigrafïa</li>
        <li>CSS </li>
        </ul>
    </div>
    </div>
</body>
</html>

Saludos