consulta de web sin frames con java

bambanx · #1 (**permalink**) 30/11/2007, 15:30

Hola a todos estoy haciendo una web con css sin frames ni iframes , pero la dividi en tres bloques uno que posee un menu y otro central , es posible que la info de la parte central la vaya cambiando a traves del menu sin frames ? me dijeron qe con javascript podia ocultar capas ? de ser asi como podria regular la carga de la web para que no sea tan pesada y se vaya cargando solo cuando se activa algo en el menu.
Por cualquier aporte muchas gracias.

bambanx · #2 (**permalink**) 30/11/2007, 17:20

Aca dejo el codigo con un script de java que encontre pero no logro hacer que funcione bien el menu :
<!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=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Untitled Page</title>
<style type="text/css">
#marco{
top:0px;
width: 700px;
height: 100%;
margin-left: 200px;
}
#menu{ position:absolute; top:50px; visibility: visible; }
#izq {
top: 0px;

width: 200px;
height: 600px;
background: blue;
float: left;

}
#capa1 {
top: 0px;
margin-left: 200px;
width: 500px;
height: 600px;
background: red;
visibility: hidden;
}
#capa2 {
top: 0px;
margin-left: 200px;
width: 500px;
height: 600px;
background: #000;
visibility: hidden;
}
#capa3 {
top: 0px;
margin-left: 200px;
width: 500px;
height: 600px;
background: black;
visibility: hidden;
}

</style>
<script LANGUAGE="javascript">
function oculta(){
document.getElementById('capa1').style.visibility = "hidden";
}
function muestra(){
document.getElementById('capa1').style.visibility = "visible";
}
function muestras(){
document.getElementById('capa3').style.visibility = "visible";
}
</script>
</head>

<body>
<div id="marco">
<div id="izq">

<div id="menu">
<ul>
<li><a href="#"onclick="muestra()">muestra capa 1</a></li>
<li><a href="#"onclick="oculta()">oculta capa 1</a></li>
<li><a href="#noir" title="Ir a enlace1">Enlace13</a></li>
<li><a href="#"onclick="muestras()">muestra capa3</a></li>
</ul>
</div>

</div>
<div id="capa1">

</div>
<div id="capa2">

</div>
<div id="capa3">

</div>
</div>
</body>

</html>