Foros del Web » Programando para Internet » Javascript »

ocultar y mostrar capa con un mismo boton

Estas en el tema de ocultar y mostrar capa con un mismo boton en el foro de Javascript en Foros del Web. Este código muestra la capa 2 al presionar el botón mostrar o oculta la capa 2 al presionar el botón ocultar la consulta es: como ...
  #1 (permalink)  
Antiguo 27/10/2009, 09:52
 
Fecha de Ingreso: agosto-2008
Mensajes: 587
Antigüedad: 15 años, 9 meses
Puntos: 6
ocultar y mostrar capa con un mismo boton

Este código muestra la capa 2 al presionar el botón mostrar o oculta la capa 2 al presionar el botón ocultar

la consulta es: como se puede hacer esto mismo pero usando un solo botón. cuando cargue la pagina mantenga oculto, al presiona el botón lo muestra y al volver presionar el mismo botón lo oculta.

Código PHP:
<html
<
head
<
title>Untitled</title
<
script language="Javascript"
function 
mostrar(nombreCapa){ 
document.getElementById(nombreCapa).style.visibility="visible"

function 
ocultar(nombreCapa){ 
document.getElementById(nombreCapa).style.visibility="hidden"

</script> 
</head> 
<body> 
<div id="capa1"><input type="submit" value="mostrar" onclick="mostrar('capa2')">Capa 1</div>
<div id="capa1"><input type="submit" value="ocultar" onclick="ocultar('capa2')">Capa 1</div>
<div id="capa2" style="visibility:hidden">Capa 2 -contenido-</div> 
</body> 
</html> 
  #2 (permalink)  
Antiguo 27/10/2009, 09:55
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: ocultar y mostrar capa con un mismo boton

Algo así:
Código Javascript:
Ver original
  1. var elem = document.getElementById(nombreCapa);
  2. elem.style.visibility = (elem.style.visibility == "hidden") ? "visible" : "hidden";
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
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 09:56.