Множественные таймеры на инпутах

допустим на странице есть инпуты, куда вводят текст. Текст должен отсылаться автоматом из каждого инпута, через некоторое время, как юзер перестал печатать.
Т.е. по нажатию кнопки создаем таймер, который отправит содержимое аяксом. Если юзер снова нажал кнопку - убиваем предыдущий таймер и запускаем новый.

вопрос.

как реализовать это автоматически в форме плагина.
ну тоесть $('input.autosend').autosend(); и все они получили этот механизм.

где в данном случае хранить идентификатор таймера? в самом инпуте одним из параметров не хочется. Жук как-то без этого обходится. Как можно привязать к инстансу какую-то переменную внутри функции, которая не будет сбрасывать значение между вызовами?

 

ты не шаришь =)

 

я не понимаю, как мне запомнить таймер, после его создания, чтобы похерить.

в js есть статик переменные какиенить?

почитаю...

 

разобрался. this у всех будет разное и зашибись.

 

у тебя таймер не отменяется при продолжающемся вводе.

 

хз. я через таймеры сделал и потом вобще все переделал на такой код через jQuery autocomplete:
<input name='search' data-target='это куда выводить результаты' data-url='/это куда делать реквест'>

Код (PHP):

1. $(document).ready(function() {
2.   jQuery.fn.autosubmit = function (options) {
3.     var options = $.extend({
4.       url: false,
5.       target: false,
6.       delay: 300
7.     }, options);
8.     return this.each(function() {
9.       $(this).autocomplete({
10.         source: '',
11.         search: function(event, ui) {
12.           var target = $($(this).data('target'));
13.           var request = new Object();
14.           request[$(this).attr('name')] = $(this).val()
15.           jQuery.get($(this).data('url'), request,
16.             function(reply){
17.               target.html(reply);
18.             });
19.           return false;
20.         }
21.       });
22.     });
23.   }
24. }); 

Работает на пять с плюсом.


а было так:

Код (PHP):

1. $(document).ready(function() {
2.   jQuery.fn.autosubmit = function (options) {
3.     var options = $.extend({
4.       url: false,
5.       target: false,
6.       delay: 300
7.     }, options);
8.     return this.each(function() {
9.       var settings=new Object();
10.       settings.Timer = 0;
11.       settings.me = $(this);
12.       settings = $.extend(settings, options);
13.       //console.log(settings)
14.       function pupu () {
15.         clearTimeout(settings.Timer);
16.         settings.Timer = setTimeout(function() {
17.           var data =  new Object();
18.           data[settings.me.attr('name')] = settings.me.val()
19.           jQuery.get(settings.url, data,
20.             function(reply){
21.               $(settings.target).html(reply);
22.             });
23.         }, settings.delay);
24.       };
25. //      $(this).click(function () {
26. //        pupu();
27. //      });
28.       $(this).keyup(function () {
29.         pupu();
30.       });
31.       $(this).blur(function () {
32.         pupu();
33.       });
34.       $(this).change(function () {
35.         pupu();
36.       });
37.       $(this).bind('paste', function(e) {
38.         pupu();
39.       });
40.     });
41.   }
42. });
43.  

 

согласен. я б даже сказал, самый хитрый =) хотя и не элегантный.

300мс самое то для аяксовой формы быстропоиска