Step by Step: Custom Search Tool with jQuery

Tutorials Shared by the Internet Community


Step by Step: Custom Search Tool with jQuery

This tutorial is based on an older work of mine that I did couple months ago. Its a relatively simple search function that iterates through a given a


  • Total Hits - 35316

  • Total Votes - 100 votes

  • Vote Up - 43 votes

  • Vote Down - 57 votes

  • Domain -

  • Category - Java Script/JQuery

  • Submitted By - Gray Junior Ang

  • Submitted on - 2013-05-16 03:35:56


Data is feed through server, and then translated into JSON – A collection of data items that you wish to display. But to keep the experiment simple, I went back to basic entries using country names instead.
As you search, the script should take your keywords and match or find resemblance of it within the array of country names. E.g. typing “bah” should return you two results – “Bahamas”, “Bahrain”, while typing “baha” should return you one result – “Bahamas”.
But to make this experiment interesting, I’m throwing in jQuery animations and a little styling to make it fancy.    More detail...

Broken  |   Save  |   Liked  |   Down

E-Books Store