hola todos estoy haciendo una sitio web la situacion en las siguiente quiero que mis menus y contenidos central sean dinamicos. lo que quiero es que al hacer click en uno de los menus me cargue la informacion de ese menu en un "div" al que llame cuerpo y que no carque toda la pagina sino que solo el centro, eso ya lo logre hacer de la siguiente manera
<script type="text/javascript">
function Enviar(_pagina,cuerpo) {
var ajax;
ajax = ajaxFunction();
ajax.open("POST", _pagina, true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
if (ajax.readyState==1){
document.getElementById(cuerpo).innerHTML = " Aguarde por favor...";
}
if (ajax.readyState == 4) {
document.getElementById(cuerpo).innerHTML=ajax.res ponseText;
}}
ajax.send(null);
}
</script>
y los menus de la siguiente manera
<li><a href="javascript
:Enviar('inicio.html','cuerpo')" title="Inicio">Incio</a></li>
<li><a href="javascript
:Enviar('cosas.html','cuerpo')" title="Info">cosas</a></li>
cuando doy click en uno de mis menus me llama el archivo html y me lo carga en el div que se llama cuerpo
hasta aqui me funciona todo bien, pero no es dinamico
lo que quiero hacer ahora es que tanto el menu como el contenido esten en una base de datos y que me funcione igual a como lo hago en el ejemplo anterior
alguna ayuda