[SOLUCIONADO] Vantana Emergente Javascript

[karma274]

Buenas amigos del foro de Javascript, sucede lo siguiente:

Estoy simulando una ventana emergente con el siguinete codigo

Código Javascript:

//Esta función será la encargada de mostrar la ventana emergente. Recibirá como parámetro el id ("#nombre_del_id") de la ventana emergente.
            function abrirVentanaPopUp(identificacion){
                $(".bloquer").css('z-index', '998');
                $(".bloquer").css('opacity', '0.1');                
                $(".bloquer").fadeIn(500);
                var w = $(window).width();
                var h = $(window).height();
                var divW = $(identificacion).width();
                var divH = $(identificacion).height();
                $(identificacion).css('left', (w/2)-(divW / 2)+"px");
                $(identificacion).css('top', (h/2)-(divH / 2)+"px");
                $(identificacion).css('z-index', '999');
                $(identificacion).css('opacity', '1.0');
                $(identificacion).fadeIn(500);
                $(".cerrar_emergente").click(function(){
                    $(identificacion).css('display', 'none');
                    $(".bloquer").css('display', 'none'); 
                });
            }
           
            $(document).ready(function(){
                $("#abrir_ventana").click(function(){
                    // Acá se llama a la función nombrada anteriormente.
                    abrirVentanaPopUp("#ventana_emergente");
                });
            });
 

y se activa de la siguiente manera:

Código HTML:

<a id='abrir_ventana'href='javascript:void(0);'><img src='imagen.png' width='20px' height='20px' /></a>
 

Mi pregunta es como le puedo enviar una variable para ejecutar una consulta a mi base de datos?

[Alexis88]

Envía el dato a través de Ajax y muestra el resultado en la ventana emergente.

Saludos

[karma274]

De casualidad no tendras un pequeño ejemplo de como se hace, es que la verdad ajax no lo he tocado mucho y no se como lo podria integrar a la funcion que ya tengo, por cierto con integrar no quiero decir que los junte solo que trabajen en conjunto para lograr el objetivo...

¡Te agrdeceria mucho un ejemplo!

[Alexis88]

Un ejemplo de petición asíncrona (Ajax):

Código Javascript:

var ajax = function(url, salida){
    var xhr = window.XMLHttpRequest ? 
              new XMLHttpRequest() : 
              new ActiveXObject("Microsoft.XMLHTTP") || 
              new ActiveXObject("Msxml2.XMLHTTP");
    
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4){
            switch (xhr.status){
                case 200:
                    salida.innerHTML = xhr.responseText;
                    break;
                case 404:
                    salida.innerHTML = "La dirección brindada no existe";
                    break;
                default:
                    salida.innerHTML = "Error: " + xhr.status;
                    break;
            }
        }
    };
    xhr.send(null);
};
 
ajax("ejemplo.php?foo=bar", document.getElementById("id_emergente"));
 

Lo que hago es crear una función que realice la petición asíncrona, a la cual le envío la URL que además tendrá el valor a procesar y como segundo argumento, el elemento que usas como ventana emergente. Una vez que obtengas la respuesta de dicha petición, asignas el resultado a la ventana emergente, siendo este como su nuevo contenido.

[karma274]

Muchas gracias por responder tan pronto, en este momento estoy trabajando en otro tema pero al terminar con eso probare tu ejemplo!