Ayuda para abrir capas solo funcionan la primera vez

Dani_ · #1 (**permalink**) 25/12/2008, 18:08

Tengo una pagina creada con capas en la izquierda hay una capa con enlaces que se abren en la parte central los enlaces funcionan bien el problema es que solo lo hacen la primera vez es decir le doy al primero y va al segundo y va pero vuelvo a darle al primero y no va

Os dejo el codigo a ver si alguien me echa una ayudita

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script language="Javascript">
function capa(Datos)
{
document.getElementById(Datos).style.visibility="V isible";
}
function capa(Libre)
{
document.getElementById(Libre).style.visibility="V isible";
}
</script>
<style type="text/css">

</style>
</head>
<body>

<div class="Estilo1" id="Layer1">
<div align="center" class="Estilo2">Daniel </div>
</div>

<div id="Layer2">
<div align="center">
<p> </p>
<p><a href="#" class="Estilo4" onclick="capa('Datos')" >Datos</a></p>
<p><a href="#" class="Estilo4" onclick="capa('Libre')" >Libre</a></p>
</div>
</div>
<div id="Datos">Pagina Datos</div>
<div id="Libre">Pagina libre</div>
</body>
</html>

hgp147 · #2 (**permalink**) 25/12/2008, 18:32

Hola Dani_, bienvenido al foro. Proba:

Código HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script language="Javascript">
function capa(Datos)
{
document.getElementById(Datos).style.visibility="Visible";
}

///////////////////////////////////////////////////////////
function ocultar(Datos){
document.getElementById(Datos).style.visibility="hidden";
}
///////////////////////////////////////////////////////////
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:1px;
top:1px;
width:150px;
height:100px;
z-index:100;
background-color: #330066;
border:5px;
border-color:#CCFF00;
border-style:double;
visibility: visible;
}
#Layer2 {
position:absolute;
left:1px;
top:112px;
width:150px;
height:470px;
z-index:100;
background-color: #0000FF;
border:5px;
border-color:#CCFF00;
border-style:double;
visibility: visible;
}
#Datos {
position:absolute;
left:163px;
top:1px;
width:1024px;
height:580px;
z-index:100;
background-color: #FFFF66;
border:5px;
border-color:#CCFF00;
border-style:double;
visibility: hidden;
}

#Libre {
position:absolute;
left:163px;
top:1px;
width:1024px;
height:580px;
z-index:200;
background-color: #FFFF66;
border:5px;
border-color:#CCFF00;
border-style:double;
visibility: hidden;
}
#Layer4 {
position:absolute;
left:100px;
top:0px;
width:903px;
height:590px;
z-index:100;
background-color: #999999;
visibility: visible;
}
.Estilo1 {font-family: Arial, Helvetica, sans-serif}
.Estilo2 {
color: #CCFF00;
font-weight: bold;
}
.Estilo3 {
font-size: 36px;
font-weight: bold;
}
.Estilo4 {color: #CCFF00; font-weight: bold; font-size: 24px; }


-->
</style>
</head>
<body>

<div class="Estilo1" id="Layer1">
<div align="center" class="Estilo2">Daniel </div>
</div>

<div id="Layer2">
<div align="center">
<p>&nbsp;</p>

<!-- ----------------------------------------------------------------------- -->
<p><a href="#" class="Estilo4" onclick="ocultar('Libre');capa('Datos')" >Datos</a></p>
<p><a href="#" class="Estilo4" onclick="ocultar('Datos');capa('Libre')" >Libre</a></p>
<!-- ----------------------------------------------------------------------- -->
</div>
</div>
<div id="Datos">Pagina Datos</div>
<div id="Libre">Pagina libre</div>
</body>
</html>

Te marque donde hice los cambios

Dani_ · #3 (**permalink**) 30/12/2008, 04:02

Mil gracias a funciona da gusto la gente como tu

Un saludo hgp147

Shynovi · #4 (**permalink**) 22/01/2009, 10:09

tengo el mismo problema que el, solo que yo llamo a un link no a una capa

como hago para que se abra en una capa llamada centro y me muestre las otras 2 capas una des del logo y otra del menu

solo quiero que cambie la capa contenido

un saludo