Foros del Web » Programando para Internet » Jquery »

no me funciona pop up despues de enviar datos de consulta mediante ajax?

 Estas en el tema de no me funciona pop up despues de enviar datos de consulta mediante ajax? en el foro de Jquery en Foros del Web. Estimados tengo el siguiente codigo donde realizo mi busqueda a traves de ajax y jquery y donde obtengo datos, funciona sin embargo utilizo un pop ...
  #1 (permalink)  
Antiguo 30/08/2013, 06:39
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 14 años, 10 meses
Puntos: 0
no me funciona pop up despues de enviar datos de consulta mediante ajax?
Estimados tengo el siguiente codigo donde realizo mi busqueda
a traves de ajax y jquery y donde obtengo datos, funciona sin embargo
utilizo un pop up en unos de los enlaces que se llaman a traves
de librerias, esta comentado como:
<!-- Libreria para las ventanas modales -->
Trate de utilizar la funcion traeCodigo(pagina)
utilizando ajax PERO NO ME LLAMA A LAS LIBRERIAS DEL POP UP
y la pagina que se envia y supuestamente crea xml se detalla al final
de codigo. Gracias de antemano y saludos

[HIGHLIGHT="HTML"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<!--
Created by Artisteer v3.0.0.32906
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Busqueda de registros</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link type="text/css" rel="stylesheet" href="css/estilo_div.css" />

<link rel="stylesheet" type="text/css" href="css/estilo_paginacion.css" />

<!-- Libreria para las ventanas modales -->

<script type = "text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />


<script type="text/javascript" src="jquery.js"></script>



</head>
<body>
<div id="art-page-background-middle-texture">
<div id="art-page-background-glare">
<div id="art-page-background-glare-image">
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
</div>
<div class="art-logo">
<!-- <h1 id="name-text" class="art-logo-name"><a href="#">EPSAS </a></h1>
<h2 id="slogan-text" class="art-logo-text">SISTEMA DE CORRESPONDENCIA</h2> -->
<!-- <img src="imagenes/logo_oficial6.png" alt="logo" class="reflect" longdesc="logo"/>
-->
<h2 id="slogan-text" class="art-logo-text"><?php echo $busqueda; ?></h2>

</div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<?php MostrarMenus($_SESSION['administrador'],$_SESSION['nivel'],$_SESSION['rol']); ?>

</ul>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content">
<div class="art-post">

<div class="art-post-body">
<!-- Aqui empieza-->
<div align="left">

<?php MostrarMenuUsuario($_SESSION['gerencia'],$_SESSION['usuario'],$_SESSION['nivel'],$_SESSION['rol'],$_SESSION['administrador'],"","","",""); ?>







</div>
<!-- Aqui termina-->
</div>
</div>
<div class="art-post">
<div class="art-post-body">
<div class="art-post-inner art-article">

<div class="art-postcontent">

<center>

<fieldset>





<legend><strong>Busqueda de correspondencia</strong></legend>


<fieldset>
<legend>
<strong>Periodo</strong>
</legend>

<table align="center">
<tr>

<td>
<div align="right">
Año:
</div>
</td>

<td>
<div align="left">
<select name = "periodo" class="texto" id="periodo">
<?php CargarPeriodos(2); ?>
</select>
</div>
</td>

<td>
<div align="left">

</div>
</td>
</tr>

<tr>
<td>
<div align="center">Periodo de tiempo:
</div></td>
<td>
<div align="center">
<!--
<input type = "radio" name = "tiempo" id = "tiempo" value = "determinado" checked="checked">Determinado
<input type = "radio" name = "tiempo" id ="tiempo" value = "fechas"> Entre fechas
-->

<select name="tiempo" class="texto" id="tiempo">
<option value="determinado" selected="selected">Determinado</option>
<option value="fechas">Entre Fechas</option>

</select>

</div>
</td>
<td>
<div align="center">

</div>
</td>
</tr>

<tr>
<td>
<div align="right">
Determinado:
</div>
</td>
<td>
<div align="center">

<select name="txDeterminado" class="texto" id="txDeterminado">
<option value="semana1" selected="selected">Hace una semana</option>
<option value="semana2">Hace 2 semanas</option>
<option value="semana3">Hace 3 semanas</option>
<option value="mes1">Hace 1 mes</option>
<option value="mes2">Hace 2 meses</option>

</select>


</div>
</td>
<td>
<div align="left">
</div>
</td>
</tr>


<tr>
<td>
<div align="left">

</div>
</td>
<td>
<div align="center">

Fecha Inicial

</div>
</td>
<td>
<div align="center">
Fecha Final
</div>
</td>
</tr>



<tr>
<td>
<div align="right">
Entre Fechas:
</div>
</td>
<td>
<div align="center">
<input name="txFechaI" <?php echo "readonly"; ?> type="text" class="texto" id="txFechaI" size="<?php echo $cAncho8; ?>" >


</div>
</td>
<td>
<div align="left">
<input name="txFechaF" <?php echo "readonly"; ?> type="text" class="texto" id="txFechaF" size="<?php echo $cAncho8; ?>" >
</div>
</td>
</tr>
</table>



</fieldset>

<table align="center">
<tr>

<td><div align="left">Buscar Por: </div></td>

<td>
<div align="left">
<select name="txOpcionBusqueda" class="texto" id="txOpcionBusqueda">
<option value="nrocite" selected="selected">Por Número de cite</option>
<option value="remitente">Por remitente</option>
<option value="palabraclave">Por Palabra clave de documento escaneado</option>
<option value="empresa">Por Empresa remitente</option>
<option value="empresadireccion">Por direccion de empresa remitente</option>
<option value="empresatelefono">Por telefono de empresa remitente</option>
</select>
</div>
</td>

<td>
<div align="left">

</div>
</td>
</tr>

<tr>
<td> <div align="center">Término a buscar: </div></td>
<td> <div align="center"><input type="text" name="termino" id="termino"/></div> </td>
<td> <div align="center">
</div> </td>
</tr>

<tr>
<td>
<div align="left">
</div>
</td>
<td>
<div align="center">




<a href="#">

<img src="imagenes/buscar.png" width="64" height="64" alt="buscar" longdesc="buscar correspondencia" title="Buscar correspondencia" onkeypress = "RealizarBusquedaCorrExt($('#periodo').val(),$('#t iempo').val(),$('#txDeterminado').val(),$('#txFech aI').val(),$('#txFechaF').val(),$('#termino').val( ),'busquedaExterna.php',$('#txOpcionBusqueda').val ());" href="javascript:void(0)" onclick ="RealizarBusquedaCorrExt($('#periodo').val(),$('# tiempo').val(),$('#txDeterminado').val(),$('#txFec haI').val(),$('#txFechaF').val(),$('#termino').val (),'busquedaExterna.php',$('#txOpcionBusqueda').va l());" /> </a>
</div>
</td>
<td>
<div align="left">
</div>
</td>
</tr>
</table>

<span id="resultado">
<div id="cargando" align="center">
<img id="loading" src="images/loading.gif" style="display:none;">
</div>
</span>
</body>
</html>
  #2 (permalink)  
Antiguo 30/08/2013, 06:40
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 14 años, 10 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. }
  #3 (permalink)  
Antiguo 30/08/2013, 06:40
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: no me funciona pop up despues de enviar datos de consulta mediante ajax?
Pagina que se envia para obtener datos en formato xml: ejecutar_codigo_javascript_css_cargado_ajax_proces o.php
Código PHP: 
Ver original
  1. <?php
  2. $xml="<?xml version='1.0' encoding='ISO-8859-1'?>";
  3. $xml.="<code>";
  4. $xml.="<javascript></javascript>";
  5. $xml.="<css></css>";
  6. $xml.="</code>";
  7. header("Content-type: text/xml");
  8. echo $xml;
  9. ?>

Etiquetas: ajax, funcion, html, input, javascript, js, mediante, php, pop, select
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 22:25.