Primero tu script en la parte superior del codigo:
Código HTML:
<script type="text/javascript">
function getXHR() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function cargar_contenido(q) {//con la variable q envias lo que quieras consultar
randomnumber=Math.floor(Math.random()*11111)
var url = "la_url_a_cargar.php?random="+randomnumber+"&q=" + q;
var request = getXHR();
var processRequest = function() {
if (request.readyState == 4) {
if (request.status == 200) {
document.getElementById("div_central").innerHTML = request.responseText;
}
else {
document.getElementById("div_central").innerHTML = "no se cargo el archivo";
}
}
};
request.onreadystatechange = processRequest;
request.open("GET", url, true);
request.send("");
}
</script>
Y para recargar el div "div_central" es con el siguiente link:
Código HTML:
<a href="javascript:cargar_contenido('portada');">Portada</a>
Por cierto, el link puede estar en tu menu izquierdo e incluso dentro del mismo "div_central" en el contenido cargado, de igual manera va a funcionar.