29/04/2009, 23:59
|
| | Fecha de Ingreso: abril-2009
Mensajes: 22
Antigüedad: 15 años, 8 meses Puntos: 1 | |
Cargar nuevo contenido en un div Buen día amigos del foro del web, soy nuevo por acá y me he registrado pues he encontrado buenas soluciones. Esta vez no encuentro como hacer lo siguiente
y quisiera ver si me pueden hechar una mano.
Lo que sucede es que tengo una página web con 5 divs distribuidos de la siguiente
forma.
encabezado
-------------------------------
pnlizq| pnlcentral| pnlder
| |
| |
------------------------------
pie
en ese archivo(index.php) relleno los datos del encabezado y pnlizq(un menu) ahi mismo.
y el pnlcentral y pnlder mando a llamar los archivos .php correspondientes
con ajax.
El problema que tengo es que en el pnlcentral en el archivo que cargo deseo
que al dar clic en un link de este recarge el div pnlcentral con un nuevo archivo .php y pnlder con otro archivo .php
El codigo ajax es el siguiente, no es mio lo encontre en la red.
function crearAjax()
{
var xmlhttp=false;
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined')
{
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Contenido(pagina,divacargar)
{
var contenedor;
contenedor = document.getElementById(divacargar);
// creamos un nuevo objeto ajax
ajax=crearAjax();
//cargar el archivo html por el método GET
ajax.open("GET",pagina,true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4) // Readystate 4 significa que ya acabó de cargarlo
{
contenedor.innerHTML = ajax.responseText
}
}
ajax.send(null)
Espero haberme explicado.
Les agradeceria su pronta ayuda. Gracias. |