Skip to main content

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una gráficagrafica, hasta ahíahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Este es el códigocodigo de la tabla que carga enal principio en la pagina inicial.

    <tbody id="contenedora">                   
<?php
$conn = oci_connect("SYSTEM","Seguridad123","localhost/orcl");
$stid = oci_parse($conn, 'SELECT  IDCONTRATO,ANIOQNA,EDO,RFC,PUESTO,CURP,NOMBRE,
"2013_01","2013_02","2013_03","2013_04","2013_05","2013_06",
"2013_07","2013_08","2013_09","2013_10", QNACON FROM CONTRATOS WHERE rownum <= 15');
oci_execute($stid);

  while ($fila = oci_fetch_array($stid, OCI_BOTH+OCI_RETURN_NULLS)) {
        echo"<tr>";
echo "<td>".$fila['ANIOQNA']."</td>"."<td>".$fila['EDO']."</td>"."<td>".$fila['RFC']."</td>"."<td>".$fila['PUESTO'] ."</td>".
     "<td>".$fila['CURP']."</td>"."<td valor='$fila[IDCONTRATO]' class='click'>".$fila['NOMBRE']."</td>".
    "<td>".$fila['2013_01']."</td>"."<td>".$fila['2013_02']."</td>".
    "<td>".$fila['2013_03']."</td>"."<td>".$fila['2013_04']."</td>"."<td>".$fila['2013_05']."</td>"."<td>".$fila['2013_06']."</td>".
    "<td>".$fila['2013_07']."</td>"."<td>".$fila['2013_08']."</td>"."<td>".$fila['2013_09']."</td>"."<td>".$fila['2013_10']."</td>";
    echo "</tr>\n";
}
  ?>
 </tbody>
 
Lista desplegable:

    

Lista desplegable:

<script src="js/jquery-2.1.1.js"></script>
<script>
 jQuery.noConflict();
(function($) {
     $(document).ready(function(){
        $('#anio').change(function(){
     var url = "aniocon.php";                                     
        $.ajax({                        
            type: "GET",                 
           url: url,                    
           data:$("#anio").serialize(),
           success: function(data)            
           {
             $("tbody").html(data);           
           }
         });

      });
    });
        })(jQuery);
</script>

 
JavaScript que me abre mi modal al dar doble click:
 

   

JavaScript que me abre mi modal al dar doble click:

 <script>
 //ventana modal 
//Clase click
//datavalor=recoge el valor de la variable

$(".click").dblclick(function() {
      var parametros = $(this).attr("valor");
      alert(parametros);
      $('#myModal').show();
      $.ajax({
                data:   {parametros:parametros},
                url:   'grafica.php',
                type:  'GET',
                beforeSend: function () {
                        $("#resultado").html("<h2>Procesando, espere por favor...</h2>");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
     }); 
 }); 

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una gráfica, hasta ahí funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Este es el código de la tabla que carga enal principio en la pagina inicial.

    <tbody id="contenedora">                   
<?php
$conn = oci_connect("SYSTEM","Seguridad123","localhost/orcl");
$stid = oci_parse($conn, 'SELECT  IDCONTRATO,ANIOQNA,EDO,RFC,PUESTO,CURP,NOMBRE,
"2013_01","2013_02","2013_03","2013_04","2013_05","2013_06",
"2013_07","2013_08","2013_09","2013_10", QNACON FROM CONTRATOS WHERE rownum <= 15');
oci_execute($stid);

  while ($fila = oci_fetch_array($stid, OCI_BOTH+OCI_RETURN_NULLS)) {
        echo"<tr>";
echo "<td>".$fila['ANIOQNA']."</td>"."<td>".$fila['EDO']."</td>"."<td>".$fila['RFC']."</td>"."<td>".$fila['PUESTO'] ."</td>".
     "<td>".$fila['CURP']."</td>"."<td valor='$fila[IDCONTRATO]' class='click'>".$fila['NOMBRE']."</td>".
    "<td>".$fila['2013_01']."</td>"."<td>".$fila['2013_02']."</td>".
    "<td>".$fila['2013_03']."</td>"."<td>".$fila['2013_04']."</td>"."<td>".$fila['2013_05']."</td>"."<td>".$fila['2013_06']."</td>".
    "<td>".$fila['2013_07']."</td>"."<td>".$fila['2013_08']."</td>"."<td>".$fila['2013_09']."</td>"."<td>".$fila['2013_10']."</td>";
    echo "</tr>\n";
}
  ?>
 </tbody>
 
Lista desplegable:

    <script src="js/jquery-2.1.1.js"></script>
<script>
 jQuery.noConflict();
(function($) {
     $(document).ready(function(){
        $('#anio').change(function(){
     var url = "aniocon.php";                                     
        $.ajax({                        
            type: "GET",                 
           url: url,                    
           data:$("#anio").serialize(),
           success: function(data)            
           {
             $("tbody").html(data);           
           }
         });

      });
    });
        })(jQuery);
</script>

 
JavaScript que me abre mi modal al dar doble click:
 

    <script>
 //ventana modal 
//Clase click
//datavalor=recoge el valor de la variable

$(".click").dblclick(function() {
      var parametros = $(this).attr("valor");
      alert(parametros);
      $('#myModal').show();
      $.ajax({
                data:   {parametros:parametros},
                url:   'grafica.php',
                type:  'GET',
                beforeSend: function () {
                        $("#resultado").html("<h2>Procesando, espere por favor...</h2>");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
     }); 
 }); 

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una grafica, hasta ahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Este es el codigo de la tabla que carga enal principio en la pagina inicial.

 <tbody id="contenedora">                   
<?php
$conn = oci_connect("SYSTEM","Seguridad123","localhost/orcl");
$stid = oci_parse($conn, 'SELECT  IDCONTRATO,ANIOQNA,EDO,RFC,PUESTO,CURP,NOMBRE,
"2013_01","2013_02","2013_03","2013_04","2013_05","2013_06",
"2013_07","2013_08","2013_09","2013_10", QNACON FROM CONTRATOS WHERE rownum <= 15');
oci_execute($stid);

  while ($fila = oci_fetch_array($stid, OCI_BOTH+OCI_RETURN_NULLS)) {
        echo"<tr>";
echo "<td>".$fila['ANIOQNA']."</td>"."<td>".$fila['EDO']."</td>"."<td>".$fila['RFC']."</td>"."<td>".$fila['PUESTO'] ."</td>".
     "<td>".$fila['CURP']."</td>"."<td valor='$fila[IDCONTRATO]' class='click'>".$fila['NOMBRE']."</td>".
    "<td>".$fila['2013_01']."</td>"."<td>".$fila['2013_02']."</td>".
    "<td>".$fila['2013_03']."</td>"."<td>".$fila['2013_04']."</td>"."<td>".$fila['2013_05']."</td>"."<td>".$fila['2013_06']."</td>".
    "<td>".$fila['2013_07']."</td>"."<td>".$fila['2013_08']."</td>"."<td>".$fila['2013_09']."</td>"."<td>".$fila['2013_10']."</td>";
    echo "</tr>\n";
}
  ?>
 </tbody>

Lista desplegable:

<script src="js/jquery-2.1.1.js"></script>
<script>
 jQuery.noConflict();
(function($) {
     $(document).ready(function(){
        $('#anio').change(function(){
     var url = "aniocon.php";                                     
        $.ajax({                        
            type: "GET",                 
           url: url,                    
           data:$("#anio").serialize(),
           success: function(data)            
           {
             $("tbody").html(data);           
           }
         });

      });
    });
        })(jQuery);
</script>

JavaScript que me abre mi modal al dar doble click:

 <script>
 //ventana modal 
//Clase click
//datavalor=recoge el valor de la variable

$(".click").dblclick(function() {
      var parametros = $(this).attr("valor");
      alert(parametros);
      $('#myModal').show();
      $.ajax({
                data:   {parametros:parametros},
                url:   'grafica.php',
                type:  'GET',
                beforeSend: function () {
                        $("#resultado").html("<h2>Procesando, espere por favor...</h2>");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
     }); 
 }); 

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una graficagráfica, hasta ahiahí funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Este es el codigocódigo de la tabla que carga enal principio en la pagina inicial.

    <tbody id="contenedora">                   
";echo "".$fila['ANIOQNA'].""."".$fila['EDO'].""."".$fila['RFC'].""."".$fila['PUESTO'].""."".$fila['CURP'].""."".$fila['NOMBRE'].""."".$fila['2013_01'].""."".$fila['2013_02'].""."".$fila['2013_03'].""."".$fila['2013_04'].""."".$fila['2013_05'].""."".$fila['2013_06'].""."".$fila['2013_07'].""."".$fila['2013_08'].""."".$fila['2013_09'].""."".$fila['2013_10']."";echo "\n";}?>

Lista desplegable:

<?php
$conn = oci_connect("SYSTEM","Seguridad123","localhost/orcl");
$stid = oci_parse($conn, 'SELECT  IDCONTRATO,ANIOQNA,EDO,RFC,PUESTO,CURP,NOMBRE,
"2013_01","2013_02","2013_03","2013_04","2013_05","2013_06",
"2013_07","2013_08","2013_09","2013_10", QNACON FROM CONTRATOS WHERE rownum <= 15');
oci_execute($stid);

  while ($fila = oci_fetch_array($stid, OCI_BOTH+OCI_RETURN_NULLS)) {
        echo"<tr>";
echo "<td>".$fila['ANIOQNA']."</td>"."<td>".$fila['EDO']."</td>"."<td>".$fila['RFC']."</td>"."<td>".$fila['PUESTO'] ."</td>".
     "<td>".$fila['CURP']."</td>"."<td valor='$fila[IDCONTRATO]' class='click'>".$fila['NOMBRE']."</td>".
    "<td>".$fila['2013_01']."</td>"."<td>".$fila['2013_02']."</td>".
    "<td>".$fila['2013_03']."</td>"."<td>".$fila['2013_04']."</td>"."<td>".$fila['2013_05']."</td>"."<td>".$fila['2013_06']."</td>".
    "<td>".$fila['2013_07']."</td>"."<td>".$fila['2013_08']."</td>"."<td>".$fila['2013_09']."</td>"."<td>".$fila['2013_10']."</td>";
    echo "</tr>\n";
}
  ?>
 </tbody>

Lista desplegable:

    <script src="js/jquery-2.1.1.js"></script>
jQuery.noConflict();(function($){$(document).ready(function(){$('#anio').change(function(){var url = "aniocon.php";$.ajax({type: "GET",url: url,data:$("#anio").serialize(),success: function(data){$("tbody").html(data);}});});});})(jQuery);

JavaScript que me abre mi modal al dar doble click:

<script>
 jQuery.noConflict();
(function($) {
     $(document).ready(function(){
        $('#anio').change(function(){
     var url = "aniocon.php";                                     
        $.ajax({                        
            type: "GET",                 
           url: url,                    
           data:$("#anio").serialize(),
           success: function(data)            
           {
             $("tbody").html(data);           
           }
         });

      });
    });
        })(jQuery);
</script>


JavaScript que me abre mi modal al dar doble click:
 

    <script>
 //ventana modal 
//Clase click
//datavalor=recoge el valor de la variable

$(".click").dblclick(function() {
      var parametros = $(this).attr("valor");
      alert(parametros);
      $('#myModal').show();
      $.ajax({
                data:   {parametros:parametros},
                url:   'grafica.php',
                type:  'GET',
                beforeSend: function () {
                        $("#resultado").html("<h2>Procesando, espere por favor...</h2>");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
     }); 
 }); 

//ventana modal //Clase click //datavalor=recoge el valor de la variable

$(".click").dblclick(function() { var parametros = $(this).attr("valor"); alert(parametros); $('#myModal').show(); $.ajax({ data: {parametros:parametros}, url: 'grafica.php', type: 'GET', beforeSend: function () { $("#resultado").html("

Procesando, espere por favor...

");},success: function(response){$("#resultado").html(response);}});});});

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una grafica, hasta ahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Este es el codigo de la tabla que carga enal principio en la pagina inicial.

<tbody id="contenedora">                   
";echo "".$fila['ANIOQNA'].""."".$fila['EDO'].""."".$fila['RFC'].""."".$fila['PUESTO'].""."".$fila['CURP'].""."".$fila['NOMBRE'].""."".$fila['2013_01'].""."".$fila['2013_02'].""."".$fila['2013_03'].""."".$fila['2013_04'].""."".$fila['2013_05'].""."".$fila['2013_06'].""."".$fila['2013_07'].""."".$fila['2013_08'].""."".$fila['2013_09'].""."".$fila['2013_10']."";echo "\n";}?>

Lista desplegable:

<script src="js/jquery-2.1.1.js"></script>
jQuery.noConflict();(function($){$(document).ready(function(){$('#anio').change(function(){var url = "aniocon.php";$.ajax({type: "GET",url: url,data:$("#anio").serialize(),success: function(data){$("tbody").html(data);}});});});})(jQuery);

JavaScript que me abre mi modal al dar doble click:

<script>

//ventana modal //Clase click //datavalor=recoge el valor de la variable

$(".click").dblclick(function() { var parametros = $(this).attr("valor"); alert(parametros); $('#myModal').show(); $.ajax({ data: {parametros:parametros}, url: 'grafica.php', type: 'GET', beforeSend: function () { $("#resultado").html("

Procesando, espere por favor...

");},success: function(response){$("#resultado").html(response);}});});});

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una gráfica, hasta ahí funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Este es el código de la tabla que carga enal principio en la pagina inicial.

    <tbody id="contenedora">                   
<?php
$conn = oci_connect("SYSTEM","Seguridad123","localhost/orcl");
$stid = oci_parse($conn, 'SELECT  IDCONTRATO,ANIOQNA,EDO,RFC,PUESTO,CURP,NOMBRE,
"2013_01","2013_02","2013_03","2013_04","2013_05","2013_06",
"2013_07","2013_08","2013_09","2013_10", QNACON FROM CONTRATOS WHERE rownum <= 15');
oci_execute($stid);

  while ($fila = oci_fetch_array($stid, OCI_BOTH+OCI_RETURN_NULLS)) {
        echo"<tr>";
echo "<td>".$fila['ANIOQNA']."</td>"."<td>".$fila['EDO']."</td>"."<td>".$fila['RFC']."</td>"."<td>".$fila['PUESTO'] ."</td>".
     "<td>".$fila['CURP']."</td>"."<td valor='$fila[IDCONTRATO]' class='click'>".$fila['NOMBRE']."</td>".
    "<td>".$fila['2013_01']."</td>"."<td>".$fila['2013_02']."</td>".
    "<td>".$fila['2013_03']."</td>"."<td>".$fila['2013_04']."</td>"."<td>".$fila['2013_05']."</td>"."<td>".$fila['2013_06']."</td>".
    "<td>".$fila['2013_07']."</td>"."<td>".$fila['2013_08']."</td>"."<td>".$fila['2013_09']."</td>"."<td>".$fila['2013_10']."</td>";
    echo "</tr>\n";
}
  ?>
 </tbody>

Lista desplegable:

    <script src="js/jquery-2.1.1.js"></script>
<script>
 jQuery.noConflict();
(function($) {
     $(document).ready(function(){
        $('#anio').change(function(){
     var url = "aniocon.php";                                     
        $.ajax({                        
            type: "GET",                 
           url: url,                    
           data:$("#anio").serialize(),
           success: function(data)            
           {
             $("tbody").html(data);           
           }
         });

      });
    });
        })(jQuery);
</script>


JavaScript que me abre mi modal al dar doble click:
 

    <script>
 //ventana modal 
//Clase click
//datavalor=recoge el valor de la variable

$(".click").dblclick(function() {
      var parametros = $(this).attr("valor");
      alert(parametros);
      $('#myModal').show();
      $.ajax({
                data:   {parametros:parametros},
                url:   'grafica.php',
                type:  'GET',
                beforeSend: function () {
                        $("#resultado").html("<h2>Procesando, espere por favor...</h2>");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
     }); 
 }); 
se añadieron 2532 caracteres en el cuerpo
Origen Enlace
user51516
user51516

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una grafica, hasta ahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Soy nuevo en esto y realmente estoy atorado con esto. Gracias por quien se tome un momento para tratar de aclararme esto.

Este es el codigo de la tabla que carga enal principio en la pagina inicial.

Tabla:

<tbody id="contenedora">                   
"; echo "".$fila['ANIOQNA'].""."".$fila['EDO'].""."".$fila['RFC'].""."".$fila['PUESTO'] ."". "".$fila['CURP'].""."".$fila['NOMBRE']."". "".$fila['2013_01'].""."".$fila['2013_02']."". "".$fila['2013_03'].""."".$fila['2013_04'].""."".$fila['2013_05'].""."".$fila['2013_06']."". "".$fila['2013_07'].""."".$fila['2013_08'].""."".$fila['2013_09'].""."".$fila['2013_10'].""; echo "\n"; } ?>

Lista desplegable:

<script src="js/jquery-2.1.1.js"></script>
jQuery.noConflict(); (function($) { $(document).ready(function(){ $('#anio').change(function(){ var url = "aniocon.php"; $.ajax({ type: "GET", url: url, data:$("#anio").serialize(), success: function(data) { $("tbody").html(data); } }); }); }); })(jQuery);

JavaScript que me abre mi modal al dar doble click:

<script>

//ventana modal //Clase click //datavalor=recoge el valor de la variable

$(".click").dblclick(function() { var parametros = $(this).attr("valor"); alert(parametros); $('#myModal').show(); $.ajax({ data: {parametros:parametros}, url: 'grafica.php', type: 'GET', beforeSend: function () { $("#resultado").html("

Procesando, espere por favor...

"); }, success: function (response) { $("#resultado").html(response); } }); }); });

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una grafica, hasta ahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Soy nuevo en esto y realmente estoy atorado con esto. Gracias por quien se tome un momento para tratar de aclararme esto.

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una grafica, hasta ahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Soy nuevo en esto y realmente estoy atorado con esto. Gracias por quien se tome un momento para tratar de aclararme esto.

Este es el codigo de la tabla que carga enal principio en la pagina inicial.

Tabla:

<tbody id="contenedora">                   
"; echo "".$fila['ANIOQNA'].""."".$fila['EDO'].""."".$fila['RFC'].""."".$fila['PUESTO'] ."". "".$fila['CURP'].""."".$fila['NOMBRE']."". "".$fila['2013_01'].""."".$fila['2013_02']."". "".$fila['2013_03'].""."".$fila['2013_04'].""."".$fila['2013_05'].""."".$fila['2013_06']."". "".$fila['2013_07'].""."".$fila['2013_08'].""."".$fila['2013_09'].""."".$fila['2013_10'].""; echo "\n"; } ?>

Lista desplegable:

<script src="js/jquery-2.1.1.js"></script>
jQuery.noConflict(); (function($) { $(document).ready(function(){ $('#anio').change(function(){ var url = "aniocon.php"; $.ajax({ type: "GET", url: url, data:$("#anio").serialize(), success: function(data) { $("tbody").html(data); } }); }); }); })(jQuery);

JavaScript que me abre mi modal al dar doble click:

<script>

//ventana modal //Clase click //datavalor=recoge el valor de la variable

$(".click").dblclick(function() { var parametros = $(this).attr("valor"); alert(parametros); $('#myModal').show(); $.ajax({ data: {parametros:parametros}, url: 'grafica.php', type: 'GET', beforeSend: function () { $("#resultado").html("

Procesando, espere por favor...

"); }, success: function (response) { $("#resultado").html(response); } }); }); });

Origen Enlace
user51516
user51516
Loading