#5 Re: abrir un doc .HTML en un div?
Esta mas que clara la solucion que dio RompeRatones, nada mas hay que saber como incluir un JS en una web, y lo mas importante, LEER la funcion
Aca les dejo un paso a paso.
Código PHP:
function cargarDiv(){
url="/un_determinado.html";
new Ajax.Request(url, {
method: 'get',
onSuccess: function(transport) {
$('id_del_div').innerHTML=transport.responseText;
}
});
}
Esa es la función que dio RompeRatones, que mediante AJAX, carga un HTML dentro de un determinado Div.
Ahora, supongamos que tenemos un HTML llamado pagina2.html, que queremos que se cargue dentro del div con ID centro.
Cambiamos lo siguiente dentro de la función:
Código PHP:
function cargarDiv(){
url="/un_determinado.html";
new Ajax.Request(url, {
method: 'get',
onSuccess: function(transport) {
$('id_del_div').innerHTML=transport.responseText;
}
});
}
En donde dice un_determinado.html, ponemos el nombre del archivo HTML que queremos que se cargue, en nuestro caso pagina2.html. En el caso de que el HTML no este en la misma carpeta que la página a la que estamos aplicando esto, se debe poner toda la ruta completa. Por ej.: supongamos que el archivo pagina2.html esta en la carpeta contenido, tendremos que poner url="/contenido/pagina2.html";
Y en donde dice id_del_div, tenemos que poner la ID del div en donde queremos que se cargue el contenido de la página, en nuestro caso centro.
Entonces, la función nos tendria que haber quedado de esta forma.
Código PHP:
function cargarDiv(){
url="/pagina2.html";
new Ajax.Request(url, {
method: 'get',
onSuccess: function(transport) {
$('centro').innerHTML=transport.responseText;
}
});
}
Bien, ahora tenemos que hacer que al clickear en un link, este ejecute la función anterior. Lo haremos de la siguiente manera:
Código HTML:
<a href="#" onclick="cargarDiv()">Ir a la pagina 2</a>
Por ultimo, esta función debera ser agregada entre las etiquetas <head></head> de nuestra web.
Bueno, pero supongamos, que ademas del archivo pagina2.html, tenemos tambien uno llamado pagina3.html y queremos que suceda lo mismo con este archivo, como hacemos?
Código PHP:
function cargarDiv1(){
url="/pagina2.html";
new Ajax.Request(url, {
method: 'get',
onSuccess: function(transport) {
$('centro').innerHTML=transport.responseText;
}
});
}
function cargarDiv2(){
url="/pagina3.html";
new Ajax.Request(url, {
method: 'get',
onSuccess: function(transport) {
$('centro').innerHTML=transport.responseText;
}
});
}
Código HTML:
<a href="#" onclick="cargarDiv1()">Ir a la pagina 2</a>
Código HTML:
<a href="#" onclick="cargarDiv2()">Ir a la pagina 3</a>
Notemos que hemos agregado otra función mas, exactamente igual a la anterior, pero la hemos nombrado cargarDiv2, y a la anterior cargarDiv1.
Espero que les sirva
Cualquier cosa, me contactan por MSN
martin_lod_92@hotmail.com
Saludos!!!
