samedi 20 octobre 2012

jQuery.waiting: Timer d'attente resetté à chaque appel

http://static.crazyws.fr/resources/blog/2012/06/jquery-18.png

Je vous présente aujourd'hui mon petit dernier parmis mes plugins Javascript: jQuery.waiting

jQuery.waiting est un timer qui ne prend en compte que le dernier appel. Ayant un peu de mal à vous expliquer le principe, je préfère vous le montrer grâce à l'exemple suivent qui ajoute dans une liste le texte saisie 1s après avoir tapé la dernière lettre:

Exemple

Search the following text:

 

Code source:

Search the following text: <input id="search" type="text" />
<div id="results">
  <ul></ul>
</div>
<script>
$('#search').keyup(function(){
  $(this).waiting(1000).done(function(){
    if ($(this).val() != '')
      $('#results > ul').prepend( $('<li>' + $(this).val() + '</li>') );
  });
});
</script>


Le plugin est téléchargeable ici:
 http://marcbuils.github.com/jquery.waiting/


Aucun commentaire:

Enregistrer un commentaire