jquery, esperar antes de ejecutar el click ...

anibal_cdf · #1 (**permalink**) 05/11/2010, 14:09

buenas que tal ?
mi idea es la siguiente ...

tengo un largo listado de checkbox, de los cuales al clickear se ejecuta una funcion que manda el id de TODOS los check tildados ...
el tema es q si lo hago con el evento click solo y tildo mas de 1 se ejecuta por cada uno 1 ajax.

entonces hice q mientras se corre el ajax se deshabiliten todos los checkbox ...
el tema es que como a veces tarda quiero que me de un periodo de tiempo como para esperar si se tildan mas opciones y luego ahi si deshabilitarlos.

se entiende mas o menos ? hay alguna opcion de agregar un delay ? no le encuentro la forma.

$('#target').click(function() {

});

Dany_s · #2 (**permalink**) 05/11/2010, 14:37

si hay pero...
porqué no un botón que diga ok o enviar? cuando termina de elegir que clicke y se envia

anibal_cdf · #3 (**permalink**) 05/11/2010, 14:47

tiene q ser si o si onthefly ... al clickear aparece el resultado de la busqueda ...

por eso la idea es meterle una pausa de unos milisegundos por si tildan mas de una opcion hacer como si busca pero espera unos milisegundos y despues busca lo q este tildado.

Dany_s · #4 (**permalink**) 05/11/2010, 16:10

Lo que se me ocurre es
con settimeout, le decis que en x cantidad de milisegundos se ejecute una función que va a ser la llamada, pero antes anular el identificador

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            
            $( function (){
                var identificador;
                $('input').change( function(){
                    $('#respuesta').html("Esperando datos...");
                    clearTimeout(identificador);
                    identificador = setTimeout("traeDatos()",3000);
                });
            });
            
            function traeDatos(){
                $.ajax({
                    url: 'x.php?'+$('input').serialize(),
                    success: function(data) {
                        $('#respuesta').html(data);
                    }
                });
            }
 
        </script>
    <body>
 
        1: <input type="checkbox" name="valor[]" value="1" />
        2: <input type="checkbox" name="valor[]" value="2" />
        3: <input type="checkbox" name="valor[]" value="3" />
        4: <input type="checkbox" name="valor[]" value="4" />
        5: <input type="checkbox" name="valor[]" value="5" />
        6: <input type="checkbox" name="valor[]" value="6" />
        <div id="respuesta"></div>
    </body>
</html>

en mi x.php

Código PHP:

Ver original<?php
$salida = 'Valores elegidos:<br />';
foreach ($_GET['valor'] as $value) {
    $salida .= $value . "<br />";
}
echo $salida;
?>

anibal_cdf · #5 (**permalink**) 08/11/2010, 06:41

muchas gracias dany, el tema es que eso si yo tildo varias cosas va a mandar X veces el post/get ... el tema seria q lo haga solo 1 vez

Dany_s · #6 (**permalink**) 08/11/2010, 11:09

no sirve lo que te pase?

al tildar espera 3 segundos y se ejecuta, pero, si antes de esos 3 segundos tildaron otro vuevle a esperar 3 segundos y la anterior no se va a ejecutar, lo mismo para las siguientes

anibal_cdf · #7 (**permalink**) 08/11/2010, 11:40

dany, no habia visto lo del cleartimeout, eso puede ser lo q me falta, sera eso ?

anibal_cdf · #8 (**permalink**) 08/11/2010, 12:23

funciono dany ! era eso me faltaba el clear !!! graciasssssssss