Foros del Web » Programando para Internet » Javascript »

[PROBLEMA] Ocultar DIV

Estas en el tema de [PROBLEMA] Ocultar DIV en el foro de Javascript en Foros del Web. Hola a todos, tengo un problemita en un menu. Este es el codigo que tengo. Código HTML: <script type= "text/javascript" > function show(bloq) { obj ...
  #1 (permalink)  
Antiguo 13/12/2007, 07:45
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 4 meses
Puntos: 1
[PROBLEMA] Ocultar DIV

Hola a todos, tengo un problemita en un menu.

Este es el codigo que tengo.
Código HTML:
<script type="text/javascript">
function show(bloq) {
  obj = document.getElementById(bloq);
  obj.style.display = (obj.style.display=='none') ? 'block' : 'none';
}
</script>

<a href="#" onclick = "show('essentials'); return false"><?php echo $lang_profile['Section essentials'] ?></a>
<a href="#" onclick = "show('personal'); return false"><?php echo $lang_profile['Section personal'] ?></a>
<a href="#" onclick = "show('messaging'); return false"><?php echo $lang_profile['Section messaging'] ?></a>
<a href="#" onclick = "show('personality'); return false"><?php echo $lang_profile['Section personality'] ?></a>
<a href="#" onclick = "show('display'); return false"><?php echo $lang_profile['Section display'] ?></a>

<div id="essentials" style="display:none" class="div_container"></div>
<div id="personal" style="display:none" class="div_container"></div>
<div id="messaging" style="display:none" class="div_container"></div>
<div id="personality" style="display:none" class="div_container"></div>
<div id="display" style="display:none" class="div_container"></div> 
Lo que ando necesitando es que cuando se presione otro link del menu automaticamente desaparesca el bloque que se esta visualizando en el momento y aparesca el que se clickeo.

Besos
  #2 (permalink)  
Antiguo 13/12/2007, 13:14
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: [PROBLEMA] Ocultar DIV

Hola seinkraft

A ver si te ayuda este otro mensaje:

http://www.forosdelweb.com/f13/texto...gables-486123/

Saludos,
  #3 (permalink)  
Antiguo 13/12/2007, 13:24
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 4 meses
Puntos: 1
Re: [PROBLEMA] Ocultar DIV

Código HTML:
<script type="text/javascript">
var visto = null;
function show(bloq) {
  obj = document.getElementById(bloq);
  obj.style.display = (obj==visto) ? 'none' : 'block';
  if (visto != null)
    visto.style.display = 'none';
  visto = (obj==visto) ? null : obj;
}
</script>

<a href="#" onclick = "show('essentials'); return false"><?php echo $lang_profile['Section essentials'] ?></a>
<a href="#" onclick = "show('personal'); return false"><?php echo $lang_profile['Section personal'] ?></a>
<a href="#" onclick = "show('messaging'); return false"><?php echo $lang_profile['Section messaging'] ?></a>
<a href="#" onclick = "show('personality'); return false"><?php echo $lang_profile['Section personality'] ?></a>
<a href="#" onclick = "show('display'); return false"><?php echo $lang_profile['Section display'] ?></a>

<div id="essentials" style="display:none" class="div_container"></div>
<div id="personal" style="display:none" class="div_container"></div>
<div id="messaging" style="display:none" class="div_container"></div>
<div id="personality" style="display:none" class="div_container"></div>
<div id="display" style="display:none" class="div_container"></div> 
Me funciono perfecto!

Muchisimas gracias ^^
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 03:55.