Step by Step: Custom Search Tool with jQuery
Tutorials Shared by the Internet Community
Total Hits - 32545
Total Votes - 100 votes
Vote Up - 43 votes
Vote Down - 57 votes
Domain - blog.grayjunior.com
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...