13

llamada AJAX para mostrar dentro de una capa una URL

October 28, 2009

Publicidad / Advertisement

La idea es parsear el contenido que genera un script php en una capa de nuestra web sin tener que usar iframes. De esta forma podemos crear módulos independientes de contenidos y poder ser reutilizados en otras partes de nuestra página web. Por supuesto, hay otros métodos para mostrar el contenido de un script en una capa, como la función include() en PHP.

ATENCION: la URL tiene que ser interna al dominio. Esto no funciona con urls con dominios distintos. El script al que se llama debe estar dentro de nuestra web.

Código Javascript para hacer la llamada AJAX:

<script language="javascript" type="text/javascript">
function ajaxobj() {
try {
_ajaxobj = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {     _ajaxobj = new ActiveXObject("Microsoft.XMLHTTP");   }
catch (E) {
_ajaxobj = false;   }
}
if (!_ajaxobj && typeof XMLHttpRequest!='undefined') {   _ajaxobj = new XMLHttpRequest(); }
return _ajaxobj;
}

function carga(w,url)
{
ajax = new ajaxobj();
ajax.onreadystatechange=
function()
{
if (ajax.readyState==1)
{
if (i==1) document.getElementById(w).innerHTML = "<div align='center'><img src='/img/cargando.gif' width='268px' height='224px'></div>";
else
{
if (i==2)  document.getElementById(w).innerHTML = "";
else  document.getElementById(w).innerHTML = "<img src='/img/load.gif'  width='16px' height='16px'>";
}
}
if (ajax.readyState == 4)
{
document.getElementById(w).innerHTML = ajax.responseText;
if(ajax.status==200)
{
document.getElementById(w).innerHTML = ajax.responseText;
}
else
{
if(ajax.status==404)    {document.getElementById(w).innerHTML = "<div align='center'>La direccion no existe</div>";    }
else {    document.getElementById(w).innerHTML = "Error: "+ajax.status;
}
}
}
};
ajax.open("GET",  url, true);
ajax.send(null);
}
</script>

y este es el código que vá en el HTML para llamarlo:

<div id="ultimas_noticias"></div>
<script language="javascript" type="text/javascript">
carga('ultimas_noticias','/script_capa.php');
</script>
Publicidad / Advertisement

 

Topics: Actualidad | 2 Comments »

2 Responses to “llamada AJAX para mostrar dentro de una capa una URL”

  1. sergio Says:
    August 2nd, 2010 at 10:18 pm

    Y una pregunta yo quiero hacer lo mismo que esto pero para una web externa y que me salga en una capa
    me puedes decir como es porfavor
    llevo buscando 2 semanas

  2. Cristian Says:
    December 23rd, 2010 at 3:07 pm

    Hola estoy teniendo problemas con una pag. donde pongo un iframe de twiter y de facebook dentro de un Div ap o capa y no me anda, es en dreamwaver cs5 , no encuentro nada
    Saludos gracias

Comments

About Me

Put something about you here by editing the right sidebar.

Blogroll

Search