Mira, este es el que yo uso.
Archivo ajax.js
Cita: var peticion = false;
if (window.XMLHttpRequest) {
peticion = new XMLHttpRequest();
} else if (window.ActiveXObject) {
peticion = new ActiveXObject("Microsoft.XMLHTTP");
}
function cargarExterno(datos,divID) {
if(peticion) {
var obj = document.getElementById(divID);
peticion.open("GET", datos);
peticion.onreadystatechange = function() {
if (peticion.readyState == 4) {
obj.innerHTML = peticion.responseText;
}
}
peticion.send(null);
}
}
Ahora lo cargo desde la cabecera del html con:
Cita: <script type="text/javascript" src="ajax.js"></script>
Y ahora en el html los enlaces van por ejemplo así:
Cita: <ul id="menu">
<li><a href="javascript
:cargarExterno('pagina1.html','con tenido');">Cargar
el html 1</a></li>
<li><a href="javascript
:cargarExterno('pagina2.html','con tenido');">Cargar
el html 2</a></li>
</ul>
<br>
<div id="contenido"></div>
A ver si te va.
Mikel.