Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/07/2014, 07:42
karma274
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 11 años, 7 meses
Puntos: 1
Ventana Modal y consulta MySQL

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:
Ver original
  1. /*Esta función será la encargada de mostrar la ventana emergente. Recibirá como parámetro el id ("#nombre_del_id")
  2. de la ventana emergente.*/
  3. function abrirVentanaPopUp(identificacion, id){
  4.     $(".bloquer").css('z-index', '998');
  5.     $(".bloquer").css('opacity', '0.5');                
  6.     $(".bloquer").fadeIn(500);
  7.     var w = $(window).width();
  8.     var h = $(window).height();
  9.     var divW = $(identificacion).width();
  10.     var divH = $(identificacion).height();
  11.     $(identificacion).css('left', (w/2)-(divW / 2)+"px");
  12.     $(identificacion).css('top', (h/2)-(divH / 2)+"px");
  13.     $(identificacion).css('z-index', '999');
  14.     $(identificacion).css('opacity', '1');
  15.     $(identificacion).fadeIn(500);
  16. }
  17.  
  18. function cerrarEmergente(identificacion){
  19.     $(identificacion).css('display', 'none');
  20.     $(".bloquer").css('display', 'none');
  21. };

Divs de la Ventana Modal:

Código HTML:
Ver original
  1. <!-- Este div no tendría contenido ya que su única función será ocultar la página para dejarse ver a la ventana
  2.    emergente. -->
  3.     <div class="bloquer"></div>
  4.    
  5.     <!-- Ventana emergente. -->
  6.     <div id="ventana_emergente" class="ventana_emergente">
  7.         <div class="tituloEmergente">
  8.             <div style="float:left;width:405px; height:25px;">
  9.                  Comentario
  10.             </div>
  11.             <div style="float:left;width:30px; height:25px;">
  12.                  <a href="#" onClick="cerrarEmergente('.ventana_emergente');">
  13.                  <img src="imagenes/pagina/cerrar.png" width="20px" height="20px" /></a>
  14.             </div>
  15.         </div>
  16.         <div class="contenido">
  17.            
  18.         </div>
  19.     </div>

Link que abre la modal y envia la variable.

Código HTML:
Ver original
  1. <a href="#" onClick="abrirVentanaPopUp('#ventana_emergente','<?php echo $result['id']; ?>');">
  2.        <img src="imagenes/pagina/comentario.png" width="20px" height="20px"   title="Comentario" />
  3. </a>