frames con css

chechi123 · #1 (**permalink**) 02/11/2010, 12:20

hola... estoy "simulando" no se si esa sea la palabra correcta para describirlo, frames con css

tengo esto: "frames.css"

Código:

#Superior {
 position:absolute;
 top:0;
 left:0; width:100%;
 height:25%;
 overflow:auto;}

#Izquierda {
position:absolute;
top:25%;
left:0;
width:25%;
height:85%;
overflow:auto; }

#Derecha {
position:absolute;
top:25%; left:25%;
width:75%;
height:85%;
overflow:auto; }

y en mi html esto: "index.html"

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>
<title>PRUEBA</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link type="text/css" rel="stylesheet" href="frames.css" />
<body>

<div id="Superior" align="center">
<p><img src="images/logo.gif" alt="Header image" width="500" height="100" border="0" /></p>
</div>

<div id="Izquierda">
<p>Mi texto de la izquierda aquí</p>
<input type="submit" name="button" value="hola1" /><br>
<input type="submit" name="button" value="hola2" /><br>
<input type="submit" name="button" value="hola3" /><br>
<input type="submit" name="button" value="hola4" /><br>
</div>

<div id="Derecha">
<p>Mi texto de la derecha aquí</p>
</div>

</body>
</html>

lo que no se como hacer es q al dar clic en calquier boton me carge otra pagina en el div de la derecha ¿eso se peude...?
o me toca crear todas las paginas adicionales con la misma estructura del index?

o como puedo hacerlo?
muchas gracias

cristian_cena · #2 (**permalink**) 02/11/2010, 13:10

Hola chechi, tendras que echar mano a ajax. aca te explican y te dejan los archivos en descarga para que lo veas funcionando. Nada mas reemplaza el select por inputs de tipo button a los que luego los formateas con css. Ah.. levanta el ejemplo con algun servidor local como xampp, wampp, etc. para que puedas ver el ejemplo funcionando.

Espero te sirva. Saludos.