popup!, mostrar datos, guardados en la base de datos!

[01munrra]

saludos!.... les comento, estoy tratando de hacer una ventana popup, que me traiga la informacion de un registro, fijense :

este es el boton, que va contener el id del registro y a su vez cuando sea precionado traera informacion de dcho registro:

Código (php) [Seleccionar] Expandir


<a href="#" class="boton"><small> Detalles </small></a>


y esta es el codigo que tengo hecho para el popup:

Código (php) [Seleccionar] Expandir


// popup
var source = "demo.html";
var width = 420;
var align = "center";
var top = 100;
var padding = 10;
var backgroundColor = "#FFFFFF";
var borderColor = "#000000";
var borderWeight = 4;
var borderRadius = 5;
var fadeOutTime = 300;
var disableColor = "#666666";
var disableOpacity = 40;
var loadingImage = "relative_path_to_file/loading.gif";

//This method initialises the modal popup
$j(".detalles").live("click", function(event)
{ //alert("hola");
modalPopup( align,
top,
width,
padding,
disableColor,
disableOpacity,
backgroundColor,
borderColor,
borderWeight,
borderRadius,
fadeOutTime,
source,
loadingImage );
});

$j(document).keyup(function(e) {
if (e.keyCode == 27) {
closePopup(fadeOutTime);
}
});


ahora, no se como conectarlo con la base de datos, otra cosa como podria añadirle el id del registro al boton

Código (php) [Seleccionar] Expandir


<a href="#" class="boton"><small> Detalles </small></a>


preguntas:
1- como podria añadirle el id del registro al boton
2- como la conecto para que me traiga info del registro y lo muestre en la ventana de popup?

Gracias!

[Agente Naranja]

Hmm pues para conectarlo con la base de datos vas a necesitar un lenguaje como PHP, por ejemplo hacer un script en PHP que devuelva la información que deseas, y luego con jQuery obtener este archivo y añadir el resultado al popup.

[USLO]

Otra opcion es.

Anadir AJAX con ASP.

Saludos

[EFEX]

Si, realizas un consulta a la db con php y con jquery obtenes y mostras los datos formato json.
Hay muchos ejemplos por hay  .

[01munrra]

Saludos muchachos!.... pude hacerlo de una forma, sin usar ajax ni nada complicado, la siguiente:

para capturar el id del registro que se va a mostrar en la ventana del popup, use un input de tipo hidden y le asigne el id del registro:

Código (php) [Seleccionar] Expandir


<input type="hidden" id="id_registro" value="<?php echo $arreglo['id_registro'] ?>" />


se tiene que asignar el id al input como valor, de modo que al darle clic al boton detalles, tome el id del registro.

boton detalles:

Código (php) [Seleccionar] Expandir


<input type="submit" id="detalles" value="Detalles" />


ahora, cuando demos clic en el boton detalles, haremos lo siguiente:

Código (php) [Seleccionar] Expandir


<script>
    $(".detalles").live("click", function(event)
    {
       var id_registro = $("#id_registro").val(); // tomo el valor que tomo el input

      var source = "<?php echo site_url("controlador/funcion") ?>/"+id_registro;
    }
</script>


como veran para pasar el id_registro a la pantalla popup,  hice esto:

Código (php) [Seleccionar] Expandir


<script>
      var source = "<?php echo site_url("controlador/funcion") ?>/"+id_registro;
</script>


de ese modo podras pasarle el id a la funcion, ahora para la vista ya queda a gusto de cada quien,,....

eso es todo!...

gracias por su atencion!....