Cargar página en un div
Hace unas semanas te escribí para ver como podía hacer para cargar una página en un div según al enlace que pulsases. Me explico tengo un div menu y un div content, según el enlace que pulse del menu muestra una página u otra en el div content.
Ya se que puedo usar AJAX o jQuery, pero con ajax no consigo nada y con jquery no me la carga en el div sino en toda la ventana(elimina el div menu).
COn jquery:
<script type="text/javascript" src="js/jquery-1.3.2.min.js">
$(document).ready(function(){
$("#menu").each(function(){
var href = $(this).attr("href");
//$(this).attr({ href: "#"});
$(this).click(function(){
$("#content").load(href);
});
});
});
</script>
CON AJAX:
<script type="text/javascript" src="js/comprobacion.js"></script>
<a href="javascript:cargar_pag('autoescuelaVista.php')">Datos autoescuela</a>
en comprobaciones.js tengo:
function crearXMLHttpRequest()
{
var xmlhttp=null;
if(window.ActiveXObject) //Internet Explorer
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
else
xmlhttp = new XMLHttpRequest();
return xmlhttp;
}
function cargar_pag(pagina)
{
var conexion;
conexion = crearXMLHttpRequest();
conexion.onreadystatechange = function()
{
if (conexion.readyState == 4)
document.getElementById('content').innerHTML = conexion.responseText;
}
conexion.open("POST", pagina, true);
conexion.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
conexion.send(null);
}
Espero que me puedas ayudar, porque por más que miro tutoriales y ejemplos no consigo nada.
Ya se que puedo usar AJAX o jQuery, pero con ajax no consigo nada y con jquery no me la carga en el div sino en toda la ventana(elimina el div menu).
COn jquery:
<script type="text/javascript" src="js/jquery-1.3.2.min.js">
$(document).ready(function(){
$("#menu").each(function(){
var href = $(this).attr("href");
//$(this).attr({ href: "#"});
$(this).click(function(){
$("#content").load(href);
});
});
});
</script>
CON AJAX:
<script type="text/javascript" src="js/comprobacion.js"></script>
<a href="javascript:cargar_pag('autoescuelaVista.php')">Datos autoescuela</a>
en comprobaciones.js tengo:
function crearXMLHttpRequest()
{
var xmlhttp=null;
if(window.ActiveXObject) //Internet Explorer
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
else
xmlhttp = new XMLHttpRequest();
return xmlhttp;
}
function cargar_pag(pagina)
{
var conexion;
conexion = crearXMLHttpRequest();
conexion.onreadystatechange = function()
{
if (conexion.readyState == 4)
document.getElementById('content').innerHTML = conexion.responseText;
}
conexion.open("POST", pagina, true);
conexion.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
conexion.send(null);
}
Espero que me puedas ayudar, porque por más que miro tutoriales y ejemplos no consigo nada.
Respuesta de krlosnow
1