Tema: dialogo en jquery, problemas al abrirlo reiteradas veces
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/05/2012, 06:38
Avatar de Lucieta86
Lucieta86
 
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 13 años, 5 meses
Puntos: 1
dialogo en jquery, problemas al abrirlo reiteradas veces
Hola chicos,

Tengo un formulario en un script que se abre con ajax, este le pasa todos los valores por post, y muestra un dialogo.

El problema lo tengo cuando abro el formulario en reiteradas veces, ya que este me sigue manteniendo los valores anteriores siempre, es decir que no actualiza su valor.

He probado a quitar el código del dialogo, de modo que se abriera como una página nueva y si recoge bien los valores, y los actualiza con cada llamada, de modo que el problema reside en el código javascript del dialogo.

Os dejo el código:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
  5.  
  6. <?php
  7. require "config.php";
  8. require "connect_db.php";
  9. require "functions.php";
  10. ?> 
  11.  
  12. <script type="text/javascript">
  13.  
  14. $(function(){
  15.     $( "#dialog-form" ).dialog( "destroy" );
  16.         
  17.     $( "#dialog-form" ).dialog({
  18.         autoOpen: false,
  19.         height: 600,
  20.         width: 350,
  21.         modal: true,
  22.         buttons: {
  23.             "Realizar Reserva": function() {
  24.                 $(this).dialog( "close" );
  25.                 
  26.             },
  27.             "Cancelar": function() {
  28.                 $( this ).dialog( "close" );
  29.                 
  30.             }
  31.         },
  32.         close: function() {
  33.             allFields.val( "" ).removeClass( "ui-state-error" );
  34.         }
  35.     });
  36.     
  37.         $( "#dialog-form" ).dialog( "open" );
  38.         
  39. });
  40. </script>
  41.     
  42. <style type="text/css">
  43. input.text, textarea, select  { margin-bottom:12px; width:90%; padding: .5em; }
  44. fieldset { padding:10; border: 1px solid #9CF; border-radius:15px; margin-top:25px; width:83%; }
  45. h1 { font-size: 1.2em; margin: .6em 0; }
  46. .ui-dialog .ui-state-error { padding: .3em; }
  47. .validateTips { border: 1px solid transparent; padding: 0.3em; }
  48. </style>    
  49.     
  50. </head>
  51.  
  52. <body>
  53. <?php
  54. //Recoge los valores que necesita
  55.  
  56. $feInicio=$_REQUEST["fIni"];
  57. $feFin=$_REQUEST["fFin"];
  58. $opcAulasRes=$_REQUEST["seleAulas"];
  59.  
  60. //Obtener los datos de los responsables
  61. $datos_responsable=get_responsable();
  62. $resp_list="";
  63.     for ($i=0;$i<sizeof($datos_responsable);$i++)
  64.     {
  65.         $resp_list.= "<option value=\"".$datos_responsable[$i][1]. "\"";
  66.         $resp_list.=">".$datos_responsable[$i][0]."</option>". chr(10);
  67.     } 
  68.  
  69.  
  70. //Pasar a array las aulas seleccionadas
  71. $aulasRes=explode(',', $opcAulasRes);
  72.  
  73. ?>
  74. <form>
  75. <div id="dialog-form" title="FORMULARIO RESERVA">
  76.  
  77. <fieldset>
  78.         <legend>Datos selección</legend>
  79.         <label for="fyhini">Fecha inicio: <?php echo $feInicio;?></label> <br/><br/>
  80.         <label for="fyhfin">Fecha fin: <?php echo $feFin;?></label> <br/><br/>
  81.         <label for="espacioSelec">Espacio Seleccionado: 
  82.         
  83.         <?php 
  84.         //echo "VALORES".$opcAulasRes."-".$fechaInicio."-".$fechaFin;
  85.         //die();
  86.         for($aux=0; $aux<count($aulasRes); $aux++){
  87.             if($aux==0) echo $aulasRes[$aux];
  88.             else echo " - ".$aulasRes[$aux];
  89.             }
  90.         ?> 
  91.         
  92.         </label> 
  93.     </fieldset>
  94.         <br/><br/>
  95.         <label for="name">Responsable*</label> <br/>
  96.         <select id="name" class="text ui-widget-content ui-corner-all" name="name">
  97.         <option  value:"-1" >---Seleccione responsable---</option><?php echo $resp_list; ?></select>
  98.         <br/>
  99.         <label for="email">Email*</label><br/>
  100.         <input type="text" name="mailResp" id="mailResp" value="" class="text ui-widget-content ui-corner-all" />
  101.         <br/>
  102.         <input type="checkbox" id="enviarMail" name="enviarMail" value="mail"/> Enviar email
  103.         <br/><br/>
  104.         <label for="desc">Descripcion*</label>
  105.         <input type="text" name="desc" id="desc" value="" class="text ui-widget-content ui-corner-all" />
  106.          <br/>
  107.         <label for="obser">Observaciones</label>
  108.         <textarea name="obser" id="obser" value="" class="text ui-widget-content ui-corner-all" />
  109.         <br/>
  110.         <label for="comentario">* Campos obligatorios</label>
  111.     
  112. </div>
  113. </form>   
  114.  
  115. </body>
  116. </html>


Alguna idea?

Gracias