Ventana Modal y consulta MySQL

[karma274]

Buenas Amigos de Foros del Web, hoy tengo una duda con las ventanas modales; quiero enviar una variable id desde javascript a la ventana modal y que esta recoja esa variable y realice un consulta a la base de datos.

Funcion Ventana Modal:

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, id){
    $(".bloquer").css('z-index', '998');
    $(".bloquer").css('opacity', '0.5');                
    $(".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');
    $(identificacion).fadeIn(500);
}
 
function cerrarEmergente(identificacion){
    $(identificacion).css('display', 'none');
    $(".bloquer").css('display', 'none');
};
 

Divs de la Ventana Modal:

Código HTML:

<!-- Este div no tendría contenido ya que su única función será ocultar la página para dejarse ver a la ventana 
    emergente. -->
    <div class="bloquer"></div>
   
    <!-- Ventana emergente. -->
    <div id="ventana_emergente" class="ventana_emergente">
        <div class="tituloEmergente">
            <div style="float:left;width:405px; height:25px;">
                 Comentario
            </div>
            <div style="float:left;width:30px; height:25px;">
                 <a href="#" onClick="cerrarEmergente('.ventana_emergente');">
                 <img src="imagenes/pagina/cerrar.png" width="20px" height="20px" /></a>
            </div>
        </div>
        <div class="contenido">
            
        </div>
    </div>
 

Link que abre la modal y envia la variable.

Código HTML:

<a href="#" onClick="abrirVentanaPopUp('#ventana_emergente','<?php echo $result['id']; ?>');">
       <img src="imagenes/pagina/comentario.png" width="20px" height="20px"   title="Comentario" />
</a>
 

[manuparquegiralda]

A ver, creo que vas un poco desencaminado por ahi.

La ventana modal es una división de tu página que ya estaría cargada en el DOM del navegador, no le envías variables a una ventana emergente que se carga de nuevo, si no que a la misma página que ya está cargada por tanto no puedes volver a hacer una consulta mySQL a no ser que la página se refresque o uses AJAX o algún lenguaje similar que te permita interactuar con el servidor desde un script de la página. Podrías hacerlo de varias formas.

AJAX (Recomendada)

Si lo que quieres es obtener consultas de la base de datos sin refrescar la página, necesitas AJAX, de este modo, con una función javascript, podrías hacer aparecer la ventana modal y a su vez llamar a un archivo PHP en el servidor que te haga la consulta a la base de datos y te devuelva los datos que pediste y entonces insertarlos en la ventana modal.

PHP

En la función javascript refrescas la página metiendo los datos en variables GET o POST y asignas una variable GET que le diga a la página que debe de cargarse con la ventana modal ya visible. En el script PHP extraes los datos que quieras introducir dentro de la ventana y los metes en la carga de la página.

VENTANA EMERGENTE (No recomendada)

Puedes abrir en lugar de una ventana modal, una ventana emergente a la que le pases los datos por GET o POST y se cargue en ésta el contenido que quieras cargar, esta es la forma menos recomendable ya que los navegadores pueden bloquearte la ventana emergenete y además puede ser un "coñazo" para el usuario.

[karma274]

Creo que optare por la opcion de AJAX, aunque no se mucho del tema intentare aprender en la marcha.

[manuparquegiralda]

Iniciado por karma274

Creo que optare por la opcion de AJAX, aunque no se mucho del tema intentare aprender en la marcha.

Si no tienes ni idea de AJAX, te aconsejo que lo uses a través de jQuery, te será mucho más facil entender como funciona. También hay una librería llamada XAJAX, que te evita tener que aprender como funciona AJAX y puedes hacer cositas sencillamente llamando a funciones PHP, yo empecé por ahí.

Suerte con el proyecto.