Foros del Web » Programando para Internet » Javascript »

Problema con mostrar un div con javascript

Estas en el tema de Problema con mostrar un div con javascript en el foro de Javascript en Foros del Web. Quiero que muestre 'Texto 1', pero no lo hace... alguna idea? @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < head >   < script type = ...
  #1 (permalink)  
Antiguo 16/02/2011, 12:17
dalfeju
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Problema con mostrar un div con javascript

Quiero que muestre 'Texto 1', pero no lo hace... alguna idea?

Código HTML:
Ver original
  1.  
  2. <script type="text/javascript" language="javascript">
  3.  
  4. var div="1";
  5. div.style.display = "";
  6.  
  7.  
  8. </head>
  9.  
  10. <div id="1" style="display:none;">Texto 1</div>
  11. <div id="2" style="display:none;">texto 2</div>
  12.  
  13. </body>
  #2 (permalink)  
Antiguo 16/02/2011, 12:33
 
Fecha de Ingreso: diciembre-2010
Ubicación: valencia
Mensajes: 203
Antigüedad: 13 años, 11 meses
Puntos: 11
Respuesta: Problema con mostrar un div con javascript

yo crearia una clase oculto y otra visible y luego con una funcion le pondria la clase correspondiente segun quiera mostrar/ocultar.

un ejemplo seria algo asi:

Código Javascript:
Ver original
  1. function Mostrar()
  2. {
  3.  document.getElementById("1").setAttribute("class","visible");
  4. }

eso mostraria el elemento con id "1". en tu codigo no se ve funcion alguna.
  #3 (permalink)  
Antiguo 16/02/2011, 12:34
4ng3r
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con mostrar un div con javascript

el error esta en que ud debe validar que todo el Arbol DOM este completo .... cuando ejecuta div.style.display aun no se ha creado el elemento ... puede hacerlo asi

Código Javascript:
Ver original
  1. window.onload = function(){
  2.     var div="1";
  3.     div.style.display = "";
  4. }
  #4 (permalink)  
Antiguo 16/02/2011, 12:45
dalfeju
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con mostrar un div con javascript

Nada no he podido, algo estoy haciendo mal.

enrique4480 gracias por el dato, lo que quiero es mostrar un div con una variable ya establecida sin que nadie de clic en nada. Lo que sucede es que paso un parámetro por la URL, la capturo con un script y con ese valor muestro el respectivo div.

4ng3r lo intenté pero nada, no sé que pasa.

Saben que puedo estar haciendo mal?
  #5 (permalink)  
Antiguo 16/02/2011, 12:52
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 13 años, 9 meses
Puntos: 10
Respuesta: Problema con mostrar un div con javascript

Corrigiendo:

Código HTML:
Ver original
  1. <script type="text/javascript">
  2.     function mostrarTexto () {
  3.         document.getElementById("1").style.display = "block";
  4.     }
  5. </head>
  6. <body onload="mostrarTexto()">
  7.     <div id="1" style="display:none;">Texto 1</div>
  8.     <div id="2" style="display:none;">texto 2</div>
  9. </body>
  10. </html>
  #6 (permalink)  
Antiguo 16/02/2011, 12:57
dalfeju
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con mostrar un div con javascript

Gracias por el dato omarMusic, esa es, te debo una! Gracias a todos ;D
  #7 (permalink)  
Antiguo 16/02/2011, 12:57
 
Fecha de Ingreso: diciembre-2010
Ubicación: valencia
Mensajes: 203
Antigüedad: 13 años, 11 meses
Puntos: 11
Respuesta: Problema con mostrar un div con javascript

4ng3r la clase String que seria tu variable div no tiene ningun metodo "style" ni hace referencia alguna a ningun div de la pagina.

entonces ya con el codigo que te han dejado añadiendo un parametro puedes hacer lo que quieres.

Etiquetas: Ninguno
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




La zona horaria es GMT -6. Ahora son las 18:29.