Hola amigos en el siguiente codigo estoy creando una ventana emergente pero me pregunto como puedo hacer para realizar una consulta y mostrar los datos con determinada variable enviada desde el mismo link que llamo la funcion o algo asi. El codigo esta completo ya que es un ejemplo en el que trabajo a si que lo podeis ejecutar asi lo desean.
Código HTML:
Ver original<?php
include("conexion1.php");
?>
<!DOCTYPE html>
/* Estilos del div que se tendrá la función de ocultar el contenido del sitio para dejar mostrarse a la ventana emergente */
.bloquer {width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; position: fixed;}
/* Estilo de la ventana emergente. La misma podés editarla, pero no quites el atributo position: fixed. */
.ventana_emergente {
position: fixed;
width: 450px; height:
500px;
border: solid 2px #06F;
background:url(fondo1.png);
}
.titulo {
width:435px;
height:25px;
border-bottom:2px solid #06F;
padding-top:5px;
padding-left:15px;
background-color:#06F;
color:#fff;
}
/* Tanto la ventana emrgente como el bloqer estarán ocultos hasta que se dispare la función que los visualice */
.bloquer, .ventana_emergente {display: none;}
<!-- Importación de la librería de jquery. -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/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");
});
});
<!-- Este link será el que al presionarse mostrará por pantalla la ventana emergente. -->
<a id="abrir_ventana" href="javascript:void(0);"> Abrir ventana
</a>
<!-- Este div no tendría contenido ya que su única función será ocultar la página para dejarse ver a la ventana emergente. -->
<!-- Ventana emergente. -->
<div id="ventana_emergente" class="ventana_emergente"> Administración de Clientes
<table id="tabla" border="0" width="80%""> <form method="post" name="form_reg" id="form" action="../funciones/actualizar_cli.php"/> <input type="hidden" name="old_id" value="<?php echo $id; ?>" />
<td align="right">NOMBRE
</td><td><input type="text" name="nombre" id="nombre" size="30px" tabindex="1" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['nombre_cli']; ?>"/>
</td> <td align="right">CEDULA
</td><td><input type="text" name="cedula" id="cedula" size="30px" tabindex="2" maxlength="10" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" onkeypress="return soloNumeros(event);" value="<?php echo $fila['cedula_cli']; ?>"/>
</td> <td align="right">DIRECCI
ÓN
</td><td><input type="text" name="direccion" id="direccion" size="30px" tabindex="3"style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['direccion_cli']; ?>"/>
</td> <td align="right">TELEFONO
</td><td><input type="text" name="telefono" id="telefono" size="30px" tabindex="4" maxlength="7" onkeypress="return soloNumeros(event);" value="<?php echo $fila['telefono_cli']; ?>"/>
</td> <td align="right">CELULAR
</td><td><input type="text" name="celular" id="celular" size="30px" tabindex="5" maxlength="10" onkeypress="return soloNumeros(event);" value="<?php echo $fila['celular_cli']; ?>"/>
</td> <td align="right">CIUDAD
</td><td><input type="text" name="ciudad" id="ciudad" size="30px" tabindex="6" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['ciudad_cli']; ?>"/>
</td> <td align="right">EMPRESA
</td><td><input type="text" name="empresa" id="empresa" tabindex="7" size="30px" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['empresa_cli']; ?>"/>
</td> <td align="right">NIT
</td><td><input type="text" name="nit" id="nit" size="30px" tabindex="8" value="<?php echo $fila['nit_cli']; ?>"/>
</td> <td align="right">EMAIL
</td><td><input type="text" name="email" id="email" size="30px" tabindex="9" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['email_cli']; ?>">
</td> <td align="right">USUARIO
</td><td><input type="text" name="usuario" id="usuario" size="30px" tabindex="10" maxlength="10" value="<?php echo $fila['usuario_cli']; ?>"/>
</td> <td align="right">CONTRASE
ÑA
</td><td><input type="password" name="passwd" id="passwd" size="30px" tabindex="11" maxlength="10" value="<?php echo $fila['password_cli']; ?>"/>
</td> <td colspan="2" align="right"> <input type="submit" name="enviar" value="Grabar" title="Grabar" tabindex="14" > <a class="cerrar_emergente" href="javascript:void(0);"><input type='button' value='Salir' title="Salir" /></a>