Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 01munrra en 19 Septiembre 2012, 03:33 am



Título: popup!, mostrar datos, guardados en la base de datos!
Publicado por: 01munrra en 19 Septiembre 2012, 03:33 am
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
  1. <a href="#" class="boton"><small> Detalles </small></a>
  2.  

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

Código
  1. // popup
  2. var source = "demo.html";
  3. var width = 420;
  4. var align = "center";
  5. var top = 100;
  6. var padding = 10;
  7. var backgroundColor = "#FFFFFF";
  8. var borderColor = "#000000";
  9. var borderWeight = 4;
  10. var borderRadius = 5;
  11. var fadeOutTime = 300;
  12. var disableColor = "#666666";
  13. var disableOpacity = 40;
  14. var loadingImage = "relative_path_to_file/loading.gif";
  15.  
  16. //This method initialises the modal popup
  17. $j(".detalles").live("click", function(event)
  18. { //alert("hola");
  19. modalPopup( align,
  20. top,
  21. width,
  22. padding,
  23. disableColor,
  24. disableOpacity,
  25. backgroundColor,
  26. borderColor,
  27. borderWeight,
  28. borderRadius,
  29. fadeOutTime,
  30. source,
  31. loadingImage );
  32. });
  33.  
  34. $j(document).keyup(function(e) {
  35. if (e.keyCode == 27) {
  36. closePopup(fadeOutTime);
  37. }
  38. });
  39.  

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

Código
  1. <a href="#" class="boton"><small> Detalles </small></a>
  2.  

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!


Título: Re: popup!, mostrar datos, guardados en la base de datos!
Publicado por: Agente Naranja en 20 Septiembre 2012, 01:51 am
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.


Título: Re: popup!, mostrar datos, guardados en la base de datos!
Publicado por: USLO en 20 Septiembre 2012, 13:41 pm
Otra opcion es.

Anadir AJAX con ASP.

Saludos


Título: Re: popup!, mostrar datos, guardados en la base de datos!
Publicado por: EFEX en 21 Septiembre 2012, 03:12 am
Si, realizas un consulta a la db con php y con jquery obtenes y mostras los datos formato json.
Hay muchos ejemplos por hay  ;).


Título: Re: popup!, mostrar datos, guardados en la base de datos!
Publicado por: 01munrra en 22 Septiembre 2012, 00:56 am
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
  1. <input type="hidden" id="id_registro" value="<?php echo $arreglo['id_registro'] ?>" />
  2.  

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
  1. <input type="submit" id="detalles" value="Detalles" />
  2.  

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

Código
  1. <script>
  2.    $(".detalles").live("click", function(event)
  3.    {
  4.       var id_registro = $("#id_registro").val(); // tomo el valor que tomo el input
  5.  
  6.      var source = "<?php echo site_url("controlador/funcion") ?>/"+id_registro;
  7.    }
  8. </script>
  9.  

como veran para pasar el id_registro a la pantalla popup,  hice esto:
Código
  1. <script>
  2.      var source = "<?php echo site_url("controlador/funcion") ?>/"+id_registro;
  3. </script>
  4.  

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!.... ;D