Step by Step: Custom Search Tool with jQuery

Tutorials Shared by the Internet Community

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Detail

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
http://blog.grayjunior.com/2013/05/17/step-by-step-custom-search-tool-with-jquery/
  • Total Hits: 19217

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 139 votes

  • Category: Java Script/JQuery

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

  • Submitted By: Gray Junior Ang

  • Set as Favorite

Description:

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

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 38.85%  54
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.07%  14
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.51%  16
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 10.79%  15
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.78%  40

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.






Advertisements