Cestfait.ch

  • Home
  • Drupal
  • PHP 5
  • Jquery
  • Web Dev
  • Sys admin
  • Logiciels libres
  • Videos
  • Divers
  • Nous contacter
  • Mon c'est fait!
Home

Autocomplete jquery

Submitted by Bill on Wed, 04/07/2010 - 16:41

L'utilisateur, faut lui simplifier la vie. Exemple, dans un intranet ou il y a plusieurs centaines de documents, parcourir une arborescence pour en trouver un, c'est gonflant, surtout quand on sait à peu près le titre de la chose.

Ajax c'est bien aussi, mais y'a un petit délai à chaque fois qui rend la chose un peu pas assez instantané, if you see what I mean.

Donc, l'autocomplete de jquery, c'est tout simple, il rajoute un .autocomplete aux éléments de type input, et on lui passe les données et qques paramètres. Et il y en a un bien puissant, c'est matchContains.

On crée une liste de termes toute simple, on la balance dans le jscript (même si elle fait plus de 400 termes, pas de soucis pour javascript) et hop, dès deux caractères entrés, le titre qui va bien va s'afficher, ou que se trouvent les caractères. Exemple si on cherche "Financial guidelines" on peut le trouver avec "guide", instantanément, sans AJAX.

$string = implode("$",array_values($results)); 

jQuery("#mod_search_searchword").autocomplete("<?php echo $string;?>".split("$"),{matchContains: true, minChars:2})

C'est cool, c'est club et c'est fait

http://docs.jquery.com/Plugins/Autocomplete
0
Log in to vote
Your rating: None Average: 5 (2 votes)
  • Login or register to post comments
  • Share this
Tags:
  • Web Dev

User login

  • Create new account
  • Request new password
  • Sign in with Twitter

Translate

Sondage

Wich OS ?

Submitted by Sir Squall on Wed, 05/11/2011 - 10:07
  • Login or register to post comments

Recent comments

  • Usefull post. I bookmark this
    2 weeks 2 days ago
  • Usefull post. I bookmark this
    2 weeks 2 days ago
  • Arf, je suis à l'armée!
    25 weeks 3 days ago
  • hahaha c'est juste! Il n'y a
    31 weeks 6 days ago
  • yeah comme sa fait plaisir de
    32 weeks 1 day ago
  • wouahou merciii :-) !
    35 weeks 6 days ago
  • J'y réponds aujourd'hui ici
    36 weeks 1 hour ago
  • Salut, court article mais
    36 weeks 1 day ago
  • Oktoberfest power!!!
    40 weeks 6 days ago
  • yep je vais faire un petit
    42 weeks 4 days ago

Tags

cropping Divers Drupal drupal Drupal 7 emacs epsacrop firefox git Google Images jquery Jquery karmic koala La phrase du jour Lausanne Logiciels libres mysql PHP 5 php 5.3 Sys admin ubuntu Web Dev Zend
more tags

Popular content

Today's:

  • Drupal 6, Patch Master/Slave
  • Lucid lynx, html validator firefox 3.6 C'est possible!
  • 8ème Forum eCulture - ERACOM - 4 septembre 2009
  • It is finally here!
  • Drupal 7 effet avec les jquery.ui.dialog sur Drupal 6 !
  • Google chrome pour mac
  • Nice card
  • viportuguese-shop.com
  • Echange de mail
  • The true story about the Guinness

All time:

  • Dries Keynote DrupalCon Paris 2009
  • Drupal 7 effet avec les jquery.ui.dialog sur Drupal 6 !
  • Drupal bridge zend yeah !!
  • Jquery JSON en _POST
  • Drupal and Zend, form validate :)
  • [Drupal] Lightbox avec une gmap! yeah
  • Jquery slider c'est de la bonne !!!
  • [Drupal] Domain Access & memcache sa donne quoi ?
  • viportuguese-shop.com
  • Node Import et Taxonomy CSV

Last viewed:

  • Strange requests
  • sofia
  • Le placeholder du HTML5
  • By blx
  • Emacs
  • Windows vs Ubutnu
  • d7
  • Drupal after build
  • YASnippet for drupal
  • Facebook et l'open source

Twitter

Latest Articles

Derniers liens publiés

  • Cloudflare et Dropbox nommés Technology pioneers
    http://techcrunch.com/2011/09/01/cloudflare-dropbox-palantir-and-kickstarter-named-technology-pioneers-by-the-world-economic-forum/
  • Apprend le javascript en t'amusant
    http://www.codecademy.com
  • EPSACrop sur Drupal 7
    http://www.aswissidea.org/
  • Drupal solr attachement intégration
    http://tika.apache.org/
  • CloudFlare + Mollon
    http://www.cloudflare.com/

Pub

Google gadget

Add to Google

Facebook page

jiwa

all good song

Partenaires

Cyber Warfare

Drupal Factory

I love Smashing Magazine!
Fervens Drupal theme by Leow Kah Thong. Designed by Design Disease and brought to you by Smashing Magazine.