ventana emergente o popup como gmail o facebook

[cristo995]

hola.
como podria crear esas ventanas o popus como cuando estamos en gmail y ponemos el mouse sobre algun contacto o como en facebook

e usado una libreria llamada fancybox pero cre q es muy pesada . me preguntaba como estan echas las de gmail o facebook ??

[maycolalvarez]

de hecho hay muchas, desde jQueryUI hasta los "windows" de ExtJS, el hecho es que puedes conseguir librerías más livianas, o hacerlo tu mismo, recuerdo que mi primer "window" flotante lo hice con CSS y un código JS muy simple llamado DOMDrag.js que me permitía emular el efecto de ventana en arrastrar y soltar.

[cristo995]

mm. lo malo es q no e podido usar jquery ya que estoy usando ajax Nativo. y en un div cargo un archivo y en ese archivo es donde necesito el popup. pero no se como cargar jquery en esa pagina, ya que esta esta dentro de un div ajax.

e leido un poco y dice que hay q cargar jquery con el DOOM para q funcione.
pero jmm no tengo ni la mas minima idea como hacer eso. y no quiero usar ajax dentro de jquery ya q primero necesito aprender un poco de ajax Nativo.



function getXMLHttpRequest(){
var objetoAjax;
try{
objetoAjax = new XMLHttpRequest();
}catch(err1){
try{
objetoAjax = new ActiveXObject("Msxm12.XMLHTTP");
}catch(err2){
try{
objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}catch(err3){
objetoAjax = false;
}
}
}
return objetoAjax;
}

var http = new getXMLHttpRequest();


// aqui cargo en un DIV un archivo.php el cual es una tabla con personas

unction llamadaAjax2(){
var url = 'personas.php';
http.open("GET",url,true);
http.onreadystatechange = estado;
http.send(null);
}

function estado(){
if(http.readyState==4){
if(http.status==200){
var respuesta = http.responseText;
document.getElementById('datos').innerHTML = respuesta;
}
}
}

// y luego en el html en un boton llamo la funcion
<button tpe="button" onclick="llamadaAjax2()">Buscar</button>