mmmm... el index kedaria algo asi..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" language="javascript" src="XHConn.js"></script>
<script>
<!--
//inicializamos la libreria
var myConn = new XHConn();
//si no existe da error
if (!myConn) alert("XMLHTTP no disponible. Intenta un mejor browser.");
//funcion que se llama luego del include
var include_terminado = function (oXML) { document.getElementById('contenido').innerHTML = oXML.responseText; };
//funcion que hace el include
function include_dinamico (url)
{
//AJAX, llamo a la pagina y le mando los parametros
p=url
myConn.connect(p, "GET", "variable="+url, include_terminado);
}
</script>
</head>
<body onload="include_dinamico('inicio.html')">
<div><a href="javascript
:;" class="vinculo" onclick="include_dinamico('pagina1.html');">Pagina 1</a></div>
<div><a href="javascript
:;" class="vinculo" onclick="include_dinamico('pagina2.html');">Pagina 2</a></div>
<div id="contenido"></div>
</body>
</html>
luego agregas la libreria XHConn.js en la misma carpeta donde esta tu index...
XHConn.js seria esto....(ojo guarda como XHConn.js)
/** XHConn - Simple XMLHTTP Interface -
[email protected] - 2005-04-08 **
** Code licensed under Creative Commons Attribution-ShareAlike License **
** http://creativecommons.org/licenses/by-sa/2.0/ **/
function XHConn()
{
var xmlhttp, bComplete = false;
try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
catch (e) { try { xmlhttp = new XMLHttpRequest(); }
catch (e) { xmlhttp = false; }}}
if (!xmlhttp) return null;
this.connect = function(sURL, sMethod, sVars, fnDone)
{
if (!xmlhttp) return false;
bComplete = false;
sMethod = sMethod.toUpperCase();
try {
if (sMethod == "GET")
{
xmlhttp.open(sMethod, sURL+"?"+sVars, true);
sVars = "";
}
else
{
xmlhttp.open(sMethod, sURL, true);
xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
xmlhttp.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
}
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && !bComplete)
{
bComplete = true;
fnDone(xmlhttp);
}};
xmlhttp.send(sVars);
}
catch(z) { return false; }
return true;
};
return this;
}
y si jpunk hay varias paginas... busca en google libreria XHConn
ke les sirva.... en realidad esta muy facil (solo ke no c explikar bien) xD