Foros del Web » Programando para Internet » Javascript »

Ocultar div

Estas en el tema de Ocultar div en el foro de Javascript en Foros del Web. Hola, estoy intentando hacer un modulo en el que dependiendo del botón que pulsemos, hará visible o no un conjunto de divs solapados entre sí, ...
  #1 (permalink)  
Antiguo 30/04/2010, 01:57
 
Fecha de Ingreso: junio-2007
Ubicación: Cádiz
Mensajes: 369
Antigüedad: 16 años, 10 meses
Puntos: 7
Ocultar div

Hola, estoy intentando hacer un modulo en el que dependiendo del botón que pulsemos, hará visible o no un conjunto de divs solapados entre sí, de tal manera que sea visible el que se pulse... en principio la funcion javascript solo hace o debería hacer ocultar o mostrar el que pulsaramos, pero me da error, ya que dice que "se requería un objeto", es un codigo muy sencillo y no se en que estoy fallando... si me echais el cable os lo agradecere eternamente....

Código HTML:
<script type="text/javascript">

function mostrar(capa){
	alert("entro en funcion");
	var obj = document.getElementById(capa)
        if(obj.style.visibility== "hidden")  obj.style.visibility= "visible";
	else obj.style.visibility= "hidden";
}
					
										
</script>

<div class="cont_vid_prod">
     <div class="eti_activa" onclick='mostrar(datos_creencias);'>Curso I</div>
     <div class="eti_desactivada" onclick='mostrar(datos_pildoras);'>Curso II</div>
     <div class="eti_desactivada" onclick='mostrar(datos_reflexiones);'>Curso III</div>
                        	
     <div  class="fondo_activo" id="datos_creencias">
          <div class="img_vid_prod"></div>
          <div class="tv11b">
                   <a class="enlace_video" href="creencias.asp?video=1">I. Creencias limitadoras más frecuentes y como evitarlas.</a>
          </div>
          <div class="tn11">Son 12 artículos que tienen por objetivo guiar a los lectores de rrhhMagazine.com en el desarrollo de nuevas habilidades relacionadas con esta temática, así como descubrimiento y la identificación de aquellos hábitos en el trabajo que limitan nuestra productividad.
          </div>
      </div>
                            
       <div id="datos_pildoras" class="fondo_activo">
            <div class="img_vid_prod"></div>
            <div class="tv11b">
                <a class="enlace_video" href="pildoras.asp?video=1">II. Píldoras de Productividad Personal (PPP’s).</a>
            </div>
            <div class="tn11">Son 12 artículos que tiene por objeto aportar consejos útiles para eliminar hábitos y costumbres en nuestro trabajo diario que limitan nuestra productividad.
            </div>
       </div>
                            
</div> 
  #2 (permalink)  
Antiguo 30/04/2010, 02:16
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: Ocultar div

Cambia esto

Código HTML:
Ver original
  1. <div class="eti_activa" onclick='mostrar(datos_creencias);'>Curso I</div>
  2. <div class="eti_desactivada" onclick='mostrar(datos_pildoras);'>Curso II</div>
  3. <div class="eti_desactivada" onclick='mostrar(datos_reflexiones);'>Curso III</div>

por esto

Código HTML:
Ver original
  1. <div class="eti_activa" onclick="mostrar('datos_creencias');">Curso I</div>
  2. <div class="eti_desactivada" onclick="mostrar('datos_pildoras');">Curso II</div>
  3. <div class="eti_desactivada" onclick="mostrar('datos_reflexiones');">Curso III</div>

Quim
  #3 (permalink)  
Antiguo 30/04/2010, 02:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Ocultar div

Hola:

Veo que se me adelantó Quim (¡Hola !).

Tampoco he visto la capa "datos_reflexiones"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 30/04/2010, 02:53
 
Fecha de Ingreso: junio-2007
Ubicación: Cádiz
Mensajes: 369
Antigüedad: 16 años, 10 meses
Puntos: 7
Respuesta: Ocultar div

Ya lo he cambiado y sigue fallando en lo mismo.... también he puesto la capa "datos_reflexiones"....

por cierto... que hay que hacer para firefox te dé los errores de script??en explorer me aparece que hay un error pero en firefox no sale nada....


Código HTML:
<div class="cont_vid_prod">
   <div class="eti_activa" onclick="mostrar('datos_creencias');">Curso I</div>
   <div class="eti_desactivada" onclick="mostrar('datos_pildoras');">Curso II</div>
   <div class="eti_desactivada" onclick="mostrar('datos_reflexiones');">Curso III</div>

<div  class="fondo_activo" id="datos_creencias">
         <div class="img_vid_prod"></div>
          <div class="tv11b"><a class="enlace_video" href="creencias.asp?video=1">I. Creencias limitadoras más frecuentes y como evitarlas.</a></div>
          <div class="tn11">Son 12 artículos que tienen por objetivo guiar a los lectores de rrhhMagazine.com en el desarrollo de nuevas habilidades relacionadas con esta temática, así como descubrimiento y la identificación de aquellos hábitos en el trabajo que limitan nuestra productividad.</div>
</div>
                            
<div id="datos_pildoras" class="fondo_activo">
         <div class="img_vid_prod"></div>
          <div class="tv11b"><a class="enlace_video" href="pildoras.asp?video=1">II. Píldoras de Productividad Personal (PPP’s).</a></div>
           <div class="tn11">Son 12 artículos que tiene por objeto aportar consejos útiles para eliminar hábitos y costumbres en nuestro trabajo diario que limitan nuestra productividad.</div>
</div>
                            
<div id="datos_reflexiones" class="fondo_activo">
          <div class="img_vid_prod"></div>
          <div class="tv11b"><a class="enlace_video" href="reflexiones.asp?video=1">III. Reflexiones.</a></div>
          <div class="tn11">Son 12 artículos que tiene por objeto aportar consejos útiles para eliminar hábitos y costumbres en nuestro trabajo diario que limitan nuestra productividad.</div>

</div>
                            
</div> 
  #5 (permalink)  
Antiguo 30/04/2010, 05:09
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Ocultar div

Hola

Cita:
Iniciado por manguiti Ver Mensaje
Ya lo he cambiado y sigue fallando en lo mismo.... también he puesto la capa "datos_reflexiones"....

por cierto... que hay que hacer para firefox te dé los errores de script??en explorer me aparece que hay un error pero en firefox no sale nada....
El script ya no tiene ningún error. La consola de errores y algunas cosas mas de FF es FireBug, buscalo en los add-ons de FF

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

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 07:38.