login  Naam:   Wachtwoord: 
Registreer je!
 Forum

jQuery: preloader-gif verwijderen na 2 seconden uit inputbox (Opgelost)

Offline tuxy - 28/12/2010 22:31 (laatste wijziging 28/12/2010 22:46)
Avatar van tuxyNieuw lid Hallo,

Op mijn site http://www.vazodo.com heb ik een autosuggest-functie.
Wanneer er één of meer letters in de inputbox worden getypt, wordt er een preloader-gif actief.
(Opgelet: de functie met de loader-gif staat nog niet online! Deze draait voorlopig enkel op mijn localhost)

Deze blijft actief tot je een suggestie aanklikt uit de suggest-box via de 'callback' van het jQuery-script.

Graag had ik het onderstaande script aangepast, dat de preloader-gif maar 2 seconden zichtbaar is wanneer er een letter wordt toegevoegd/verwijderd in de inputbox.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. $('#search_input').keyup(function() 
  3. { 
  4.     var search; 
  5.     search = $('#search_input').val(); 
  6.  
  7.     if (search.length > 0) 
  8.     { 
  9.         $('#search_input').addClass('load');
  10.     } 
  11.     else 
  12.     { 
  13.         $('#search_input').removeClass('load'); 
  14.     } 
  15. });
  16. </script>


Wie kan me verder helpen?

Dit is een verlengstuk van dit topic: topic waar ik helaas geen reacties meer op krijg. 

Christophe

2 antwoorden

Gesponsorde links
Offline vinTage - 29/12/2010 01:03
Avatar van vinTage Nieuw lid start een timeout:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if (search.length > 0)
  2. {
  3.     $('#search_input').addClass('load');
  4.     setTimeout(function(){ $('#search_input').removeClass('load');  }, 2000);
  5. }
Offline tuxy - 29/12/2010 15:33 (laatste wijziging 29/12/2010 15:34)
Avatar van tuxy Nieuw lid Zie voor een demo:

[url]http://www.vazodo.com/dev/[/url]

Christophe
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.168s