Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Vantana Emergente Javascript

Estas en el tema de Vantana Emergente Javascript en el foro de Jquery en Foros del Web. Buenas amigos del foro de Javascript, sucede lo siguiente: Estoy simulando una ventana emergente con el siguinete codigo @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original ...
  #1 (permalink)  
Antiguo 17/06/2014, 15:58
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 8 años, 6 meses
Puntos: 1
Vantana Emergente Javascript

Buenas amigos del foro de Javascript, sucede lo siguiente:

Estoy simulando una ventana emergente con el siguinete codigo

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") de la ventana emergente.
  2.             function abrirVentanaPopUp(identificacion){
  3.                 $(".bloquer").css('z-index', '998');
  4.                 $(".bloquer").css('opacity', '0.1');                
  5.                 $(".bloquer").fadeIn(500);
  6.                 var w = $(window).width();
  7.                 var h = $(window).height();
  8.                 var divW = $(identificacion).width();
  9.                 var divH = $(identificacion).height();
  10.                 $(identificacion).css('left', (w/2)-(divW / 2)+"px");
  11.                 $(identificacion).css('top', (h/2)-(divH / 2)+"px");
  12.                 $(identificacion).css('z-index', '999');
  13.                 $(identificacion).css('opacity', '1.0');
  14.                 $(identificacion).fadeIn(500);
  15.                 $(".cerrar_emergente").click(function(){
  16.                     $(identificacion).css('display', 'none');
  17.                     $(".bloquer").css('display', 'none');
  18.                 });
  19.             }
  20.            
  21.             $(document).ready(function(){
  22.                 $("#abrir_ventana").click(function(){
  23.                     // Acá se llama a la función nombrada anteriormente.
  24.                     abrirVentanaPopUp("#ventana_emergente");
  25.                 });
  26.             });

y se activa de la siguiente manera:

Código HTML:
Ver original
  1. <a id='abrir_ventana'href='javascript:void(0);'><img src='imagen.png' width='20px' height='20px' /></a>

Mi pregunta es como le puedo enviar una variable para ejecutar una consulta a mi base de datos?
  #2 (permalink)  
Antiguo 17/06/2014, 16:41
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.507
Antigüedad: 9 años, 5 meses
Puntos: 957
Respuesta: Vantana Emergente Javascript

Envía el dato a través de Ajax y muestra el resultado en la ventana emergente.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 17/06/2014, 16:59
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Vantana Emergente Javascript

De casualidad no tendras un pequeño ejemplo de como se hace, es que la verdad ajax no lo he tocado mucho y no se como lo podria integrar a la funcion que ya tengo, por cierto con integrar no quiero decir que los junte solo que trabajen en conjunto para lograr el objetivo...

¡Te agrdeceria mucho un ejemplo!
  #4 (permalink)  
Antiguo 17/06/2014, 17:22
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.507
Antigüedad: 9 años, 5 meses
Puntos: 957
Respuesta: Vantana Emergente Javascript

Un ejemplo de petición asíncrona (Ajax):

Código Javascript:
Ver original
  1. var ajax = function(url, salida){
  2.     var xhr = window.XMLHttpRequest ?
  3.               new XMLHttpRequest() :
  4.               new ActiveXObject("Microsoft.XMLHTTP") ||
  5.               new ActiveXObject("Msxml2.XMLHTTP");
  6.    
  7.     xhr.open("GET", url, true);
  8.     xhr.onreadystatechange = function(){
  9.         if (xhr.readyState == 4){
  10.             switch (xhr.status){
  11.                 case 200:
  12.                     salida.innerHTML = xhr.responseText;
  13.                     break;
  14.                 case 404:
  15.                     salida.innerHTML = "La dirección brindada no existe";
  16.                     break;
  17.                 default:
  18.                     salida.innerHTML = "Error: " + xhr.status;
  19.                     break;
  20.             }
  21.         }
  22.     };
  23.     xhr.send(null);
  24. };
  25.  
  26. ajax("ejemplo.php?foo=bar", document.getElementById("id_emergente"));

Lo que hago es crear una función que realice la petición asíncrona, a la cual le envío la URL que además tendrá el valor a procesar y como segundo argumento, el elemento que usas como ventana emergente. Una vez que obtengas la respuesta de dicha petición, asignas el resultado a la ventana emergente, siendo este como su nuevo contenido.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 18/06/2014, 10:49
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Vantana Emergente Javascript

Muchas gracias por responder tan pronto, en este momento estoy trabajando en otro tema pero al terminar con eso probare tu ejemplo!

Etiquetas: emergente, javascript, variable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:31.