Tengo una pagina principal llamada "ejemplo.php"
En ella tengo un <div> a la izquierda llamado "menu" y otro <div> a la derecha llamado "contenido".
En el div "menu" tengo un include que carga una pagina llamada "menu.php" con enlaces de menu.
En el div "contenido" tengo un include que carga una pagina llamada "contenido1.php".
La pregunta es...
¿Como puedo hacer para que al pulsar en un enlace del <div> "menu"... en el <div> "contenido" cargue una pagina diferente?
Es decir...
Pinchar en el enlace1 y que cargue el contenido1.php
Pinchar en el enlace2 y que cargue el contenido2.php
Pinchar en el enlace3 y que cargue el contenido3.php
La idea es hacer que los usuarios entren a las diferentes secciones de una web y que muestre la seccion en el div "contenido" sin que tenga que cargar toda la pagina.
¿Se puede hacer?¿Como?
¿Con php, con javascript?
¿Que codigo y de que manera tendria que ponerlo?
Aqui pongo el codigo de las paginas...
PAGINA PRINCIPAL "ejemplo.php"
Código PHP:
<!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" />
<title>Documento sin título</title>
<style type="text/css">
<!--
@import url("estilo1.css");
-->
</style>
</head>
<body>
<div id="menu"><?php include("menu.php"); ?></div>
<div id="contenido"><?php include("contenido1.php"); ?></div>
</body>
</html>
PAGINA menu "menu.php" (son enlaces de ejemplo na mas)
Código PHP:
<a href="http://contenido1.php">Link1</a><br />
<a href="http://contenido2.php">Link2</a><br />
<a href="http://contenido3.php">Link3</a><br />
Y luego las paginas "contenido1.php" "contenido2.php" "contenido3.php" con contenido cualquiera mas la hoja de estilos css con la que coloco los divs y la cosa keda asi... http://i78.photobucket.com/albums/j88/lovelessboy8/lacosa.jpg