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 - 34984

  • 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.<br />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”.<br />But to make this experiment interesting, I’m throwing in jQuery animations and a little styling to make it fancy.    More detail...

Broken  |   Tweet  |   Facebook  |     |   Save  |   Liked  |   Down