Duda sobre AJAX y Divs
(1/1)
sReOn_1R:
Hola tengo una duda muy importante que me gustaría que me ayudaseis..quiero hacer una pagina que se base casi toda en Ajax...por un lado queria hacer un Div que esté constantemente como un menú (div id=menu),y que al hacer clic en cada enlace de ese menu,mande una peticion al servidor para que se muestre en el div del contenido (div id=contenido).
que se haria de esta forma,omito la creacion del objeto,se supone que el objeto se llama Ajax:
Citar
contenido= document.getElementById("contenido");
ajax.open ("GET","pagina.php",true);
ajax.send(null);
ajax.onreadystatechange = function () {
if (ajax.readyState==4) {
contenido.innerHTML=ajax.responseText;
}
}
Pero ¿y si quiero que cuando se ha cargado la "pagina.php" en el div,esa propia "pagina.php" tenga enlaces y quiero que por AJAX se cargue la pagina en ese DIV?
¿Como hago referencia al div contenido?¿Seria igual?
Es que por un lado,seria igual,porque la pagina.php estaria en el div contenido,pero por otro lado..esta en otra pagina..sé que me explico mal y es un poco lioso :xD pero si alguien sabe a que me refiero y me sabe contestar,se lo agradecería.Gracias ;)
Kasi:
Creo que a lo que te refieres es a lo siguiente, tu tienes un menu constante y cargas en el contenido X pagina que te interese en cada momento, pero a su vez la pagina que has cargado puede tener mas enlaces, ¿no ?, pues en caso de ser asi, para cargar los enlaces de esas paginas en el contenido se haria de igual modo que desde los enlaces del menú fijo.
Un saludo
[D4N93R]:
Estás usando JQuery? sino, te recomiendo que lo uses, no solo para ajax, sino para mejorar tu capacidad y productividad con JS..
Un saludo!
MazarD:
Creo que lo que le pasa es que al cargar un div con ajax con el response text, hace referencia a un id de dentro de lo cargado con
document.getElementById("id_div_de_dentro_de_la_pagina_cargada_con_ajax") y no lo encontrará.
El problema es que lo cargado no forma parte del DOM, para que todo funcione correctamente debe parsear el resultado y añadirlo al DOM con createchild(), appendChild()...
Es algo muy tedioso pero necesario y la mejor solución es utilizar jquery como comenta [DAN0N3R] que lo hace todo automágicamente.
Saludos!
Navegación