Foros del Web » Programando para Internet » Javascript »

por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona

 Estas en el tema de por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona en el foro de Javascript en Foros del Web. lo que esta de azul es lo de arriba pero si pongo lo de verde si funciona <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
  #1 (permalink)  
Antiguo 21/10/2011, 15:29
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona
lo que esta de azul es lo de arriba
pero si pongo lo de verde si funciona

<!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">
//
// hola por que cuando le pongo lo de arriba no funciona, pero si le pongo lo de abajo si funciona
// que esta de verde <html>
//
<html>
<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').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:
if (document.getElementById('contenido_a_mostrar2').s tyle.display=='none') {
document.getElementById('contenido_a_mostrar2').st yle.display='block';
document.getElementById('contenido_a_mostrar').sty le.display='none';
} else {
document.getElementById('contenido_a_mostrar2').st yle.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>
  #2 (permalink)  
Antiguo 21/10/2011, 15:46
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años
Puntos: 26
Respuesta: por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona
En los dos casos funciona :S
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #3 (permalink)  
Antiguo 21/10/2011, 22:03
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
Respuesta: por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona
Cita:
Iniciado por Franz1628 Ver Mensaje
En los dos casos funciona :S
pero no funciona en mozila
checalo
  #4 (permalink)  
Antiguo 21/10/2011, 22:04
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
Respuesta: por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona
no funciona en mozila

Cita:
Iniciado por jor_0203 Ver Mensaje
lo que esta de azul es lo de arriba
pero si pongo lo de verde si funciona

<!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">
//
// hola por que cuando le pongo lo de arriba no funciona, pero si le pongo lo de abajo si funciona
// que esta de verde <html>
//
<html>
<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').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:
if (document.getElementById('contenido_a_mostrar2').s tyle.display=='none') {
document.getElementById('contenido_a_mostrar2').st yle.display='block';
document.getElementById('contenido_a_mostrar').sty le.display='none';
} else {
document.getElementById('contenido_a_mostrar2').st yle.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>
  #5 (permalink)  
Antiguo 21/10/2011, 22:38
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años
Puntos: 26
Respuesta: por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona
Pues en tu switch

Código Javascript: 
Ver original
  1. switch (id){
  2. case 'contenido_a_mostrar':
  3. if (document.getElementById('contenido_a_mostrar').st yle.display=='none') {
  4. document.getElementById('contenido_a_mostrar').sty le.display='block';
  5. document.getElementById('contenido_a_mostrar2').st yle.display='none';
  6. } else {
  7. document.getElementById('contenido_a_mostrar').sty le.display='none';
  8.  
  9. } 
  10. break;
  11. 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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; " />
  6. <title>Documento sin t&iacute;tulo</title>
  7.  
  8. <script language="JavaScript">
  9. function mostrar(id){
  10. switch (id){
  11. case 'contenido_a_mostrar':
  12. if (document.getElementById('contenido_a_mostrar').style.display=='none') {
  13. document.getElementById('contenido_a_mostrar').style.display='block';
  14. document.getElementById('contenido_a_mostrar2').style.display='none';
  15. } else {
  16. document.getElementById('contenido_a_mostrar').style.display='none';
  17.  
  18. } 
  19. break;
  20. case 'contenido_a_mostrar2':
  21. if (document.getElementById('contenido_a_mostrar2').style.display=='none') {
  22. document.getElementById('contenido_a_mostrar2').style.display='block';
  23. document.getElementById('contenido_a_mostrar').style.display='none';
  24. } else {
  25. document.getElementById('contenido_a_mostrar2').style.display='none';
  26.  
  27. }
  28. break;
  29. }
  30. }
  31.  
  32. </script>
  33. <style type="text/css">
  34. <!--
  35. .contenedor{
  36. width: 200px;
  37. background-color: #F5F6FC;
  38. }
  39. -->
  40. </style>
  41. </head>
  42. <body>
  43. <div class="contenedor">
  44.     <div onClick="mostrar('contenido_a_mostrar')" >mostrar contenido1</div>
  45.     <div id="contenido_a_mostrar" style="display:none" >
  46.         <ul>
  47.         <li>mate</li>
  48.         <li>fisica</li>
  49.         <li>historia</li>
  50.         <li>goegrafia</li>
  51.         </ul>
  52.     </div>
  53.  
  54.     <div onClick="mostrar('contenido_a_mostrar2')" >mostrar contenido2</div>
  55.     <div id="contenido_a_mostrar2" class="menuprincipal" style="display:none">
  56.         <ul>
  57.         <li>Photoshop</li>
  58.         <li>Flash</li>
  59.         <li>Preprensa</li>
  60.         <li>Serigrafïa</li>
  61.         <li>CSS </li>
  62.         </ul>
  63.     </div>
  64.     </div>
  65. </body>
  66. </html>


Saludos
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #6 (permalink)  
Antiguo 22/10/2011, 14:05
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
Respuesta: por que cuando pongo <html> funciona y cuando pongo <!DOCTYPE> no funciona
ya quedo
mil gracias te la debo

Etiquetas: doctype, funcion, html, pongo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 20:23.