Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/08/2013, 06:40
Andrew777
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: no me funciona pop up despues de enviar datos de consulta mediante ajax?

Código Javascript:
Ver original
  1. /*
  2. Fecha: 28/08/2013
  3. Nombre: RealizarBusquedaCorrExt
  4. Objetivo: Realizar una busqueda de correspondencia externa con ciertos parámetros
  5. Parametros:
  6. nAno: Año de la correspondencia
  7. cPeriodo: Periodo de tiempo determinado, que es entre fechas o un tiempo fijo
  8. cDeterminado: Tiempo determinado
  9. dFechaInicial: Fecha Inicial
  10. dFechaFinal: Fecha Final
  11. cTermino: Término a buscar
  12. cPaginaEnvio: Página donde se envian los resultados,
  13. donde se utilizar ajax con jquery para agilizar
  14. el proceso de busqueda
  15. cOpcion: Opcion de busqueda
  16.  
  17. */
  18. function RealizarBusquedaCorrExt(nAno,cPeriodo,cDeterminado,dFechaInicial,dFechaFinal,cTermino,cPaginaEnvio,cOpcion)
  19. {
  20.  
  21.   /*
  22.      alert(nAno);
  23.      alert(cPeriodo);
  24.      
  25.      alert(cDeterminado);
  26.      
  27.      alert(dFechaInicial);
  28.      alert(dFechaFinal);
  29.      alert(cTermino);
  30.      alert(cPaginaEnvio);
  31.      alert(cOpcion);
  32.     */
  33.      
  34.   if(cPeriodo == 'fechas')
  35.   {
  36.     //alert('holas1');
  37.    
  38.    //primero verificamos que ambas no esten vacias
  39.      if(dFechaInicial == "" || dFechaFinal == ""
  40.      || cTermino == "" || cTermino == "Buscar...")
  41.      {
  42.      alert("\u00A1Introduzca las fechas de inicio,finalizacion y el termino de busqueda!");
  43.      //ok = false;
  44.      }
  45.      else
  46.      {
  47.       var ban = ValidarFechas(dFechaInicial,dFechaFinal);        
  48.          if(ban==0)
  49.          {
  50.           alert("\u00A1La fecha inicial  debe ser menor o igual que la fecha final!");   
  51.           //ok = false;  
  52.          }
  53.          else
  54.          {
  55.             //funcion para traer codigo css y javascrips a traves de ajax
  56.             traeCodigo('ejecutar_codigo_javascript_css_cargado_ajax_proceso.php');
  57.             EnviaDatosAjaxJquery(nAno,cPeriodo,cDeterminado,dFechaInicial,dFechaFinal,cTermino,cPaginaEnvio,cOpcion);
  58.          }
  59.          
  60.                              
  61.     }  
  62.  }
  63.  else
  64.  {
  65.     //alert("va por determinado");
  66.     //alert(document.getElementById(cTermino).value);
  67.     if(cTermino == "" || cTermino == "Buscar...")
  68.     {
  69.       alert("\u00A1Introduzca el termino a buscar!");    
  70.       //ok = false;
  71.     }
  72.     else
  73.     {
  74.     //funcion para traer codigo css y javascrips a traves de ajax  
  75.     traeCodigo('ejecutar_codigo_javascript_css_cargado_ajax_proceso.php');
  76.     EnviaDatosAjaxJquery(nAno,cPeriodo,cDeterminado,dFechaInicial,dFechaFinal,cTermino,cPaginaEnvio,cOpcion);               }
  77.  }
  78. }
  79. /*
  80. Fecha: 28/08/2013
  81. EnviaDatosAjaxJquery
  82. Objetivo: Enviar datos parametrizados via ajax con jquery y utilizando el metodo POST
  83. Parámetros:
  84. nAno: Año del cite externo
  85. cPeriodo: Periodo de tiempo, si es fijo o por fechas
  86. cDeterminado: Periodo de tiempo determinado, ejm: hace una semana, 2 semanas, etc
  87. dFechaInicial: Fecha inicial
  88. dFechaFinal: Fecha final
  89. cTermino: Termino de busqueda
  90. cPaginaEnvio: Página a donde se envia la correspondencia
  91. */
  92. function EnviaDatosAjaxJquery(nAno,cPeriodo,cDeterminado,dFechaInicial,dFechaFinal,cTermino,cPaginaEnvio,cOpcion)
  93. {
  94.    
  95.         alert('Ano ajax:'+nAno);
  96.         alert(cPeriodo);
  97.      
  98.       alert(cDeterminado);
  99.      
  100.      alert(dFechaInicial);
  101.      alert(dFechaFinal);
  102.      alert(cTermino);
  103.      alert(cPaginaEnvio);
  104.      alert(cOpcion);
  105.    
  106.    
  107.             var parametros = {
  108.                     "ano" : nAno,
  109.                     "periodo" : cPeriodo,
  110.                     "determinado": cDeterminado,
  111.                     "fechainicial": dFechaInicial,
  112.                     "fechafinal": dFechaFinal,
  113.                     "termino": cTermino,
  114.                     "opcion": cOpcion
  115.             };
  116.             $.ajax({
  117.                     data:  parametros,
  118.                     url:   cPaginaEnvio,
  119.                     type:  'post',
  120.                     beforeSend: function () {
  121.                             $("#cargando").html('<img id="loading" src="images/loading.gif">');
  122.                             //$("#cargando").html('cargando..');
  123.                     },
  124.                     success:  function (response) {
  125.                             $("#resultado").html(response);
  126.                             $("#cargando").html('<img id="loading" src="images/loading.gif"  style="display:none;">');
  127.                     }
  128.             });
  129. }
  130. /*
  131. Funciones de ajax para
  132. traer el codigo
  133. css y js de la libreria que genera el pop up
  134. */
  135. function nuevoAjax()
  136. {
  137.     /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
  138.     lo que se puede copiar tal como esta aqui */
  139.     var xmlhttp=false;
  140.     try
  141.     {
  142.         // Creacion del objeto AJAX para navegadores no IE
  143.         xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  144.     }
  145.     catch(e)
  146.     {
  147.         try
  148.         {
  149.             // Creacion del objeto AJAX para IE
  150.             xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  151.         }
  152.         catch(E) { xmlhttp=false; }
  153.     }
  154.     if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
  155.  
  156.     return xmlhttp;
  157. }
  158.  
  159. if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0; // IE
  160. else navegador=1; // Demas
  161. /*
  162. Fecha: 29/08/2013
  163. Nombre: traeCodigo
  164. Parametros:
  165. pagina: direccion de la pagina a donde se envia los datos css y js a ser creados
  166. Objetivo: traer codigo css y javascripts mediante ajax asincronicamente
  167. */
  168. function traeCodigo(pagina)
  169. {
  170.     ajax=nuevoAjax();
  171.     ajax.open("POST",pagina, true);
  172.     ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  173.     ajax.send(null);
  174.  
  175.     ajax.onreadystatechange=function()
  176.     {
  177.         if(ajax.readyState==4)
  178.         {
  179.             // Obtengo el XML y separo sus nodos
  180.             var resp = ajax.responseXML;
  181.             var javascript = resp.getElementsByTagName("javascript")[0].childNodes[0].data;
  182.             var css = resp.getElementsByTagName("css")[0].childNodes[0].data;          
  183.             // Creo el nuevo JS
  184.             var etiquetaScript = document.createElement("script");
  185.             etiquetaScript.type = "text/javascript";
  186.             etiquetaScript.language = "javascript";
  187.             etiquetaScript.src = "lytebox.js";
  188.                   //etiquetaScript.type =  
  189.                   //type = "text/javascript" language="javascript" src="lytebox.js"            
  190.             document.getElementsByTagName('head')[0].appendChild(etiquetaScript);
  191.             etiquetaScript.text = javascript;
  192.            
  193.             // Creo el nuevo CSS
  194.             //var etiquetaStyle = document.createElement("style");
  195.              var etiquetaStyle = document.createElement("link");
  196.               etiquetaStyle.type = "text/css";
  197.               etiquetaStyle.rel = "stylesheet";
  198.               etiquetaStyle.href = "css/estilo_div.css";
  199.  
  200.              
  201.             document.getElementsByTagName('head')[0].appendChild(etiquetaStyle);
  202.            
  203.             if(navegador==0)
  204.             {
  205.                 var contenidoCSS=css.split("{");
  206.                 var ultimaEtiquetaStyle=document.styleSheets[document.styleSheets.length-1];
  207.                 ultimaEtiquetaStyle.addRule(contenidoCSS[0], "{"+contenidoCSS[1]);
  208.             }
  209.             else
  210.             {
  211.                 var contenidoCSS=document.createTextNode(css);
  212.                 etiquetaStyle.appendChild(contenidoCSS);
  213.             }
  214.         }  
  215.     }
  216. }