Foros del Web » Creando para Internet » Diseño web »

Ayuda para abrir capas solo funcionan la primera vez

Estas en el tema de Ayuda para abrir capas solo funcionan la primera vez en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/12/2008, 18:08
 
Fecha de Ingreso: diciembre-2008
Mensajes: 5
Antigüedad: 9 años
Puntos: 0
Ayuda para abrir capas solo funcionan la primera vez

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&iacute;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">
<!--
#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="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>
  #2 (permalink)  
Antiguo 25/12/2008, 18:32
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 11 años
Puntos: 36
Respuesta: Ayuda para abrir capas solo funcionan la primera vez

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
__________________
Spread Firefox | Download Day 2008
¡Únete en nuestra misión para alcanzar el Record Guinness al software más descargado en 24 horas! http://www.spreadfirefox.com/es-ES/worldrecord/
  #3 (permalink)  
Antiguo 30/12/2008, 04:02
 
Fecha de Ingreso: diciembre-2008
Mensajes: 5
Antigüedad: 9 años
Puntos: 0
Respuesta: Ayuda para abrir capas solo funcionan la primera vez

Mil gracias a funciona da gusto la gente como tu

Un saludo hgp147
  #4 (permalink)  
Antiguo 22/01/2009, 10:09
 
Fecha de Ingreso: enero-2009
Mensajes: 2
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Ayuda para abrir capas solo funcionan la primera vez

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
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 12:43.