Friday, May 10, 2024
 Popular · Latest · Hot · Upcoming
26
rated 0 times [  31] [ 5]  / answers: 1 / hits: 58175  / 12 Years ago, tue, december 25, 2012, 12:00:00

Here I write code where all persons names comes from Facebook API, and it is showing on lightbox. Now I want to implement search functionality using JavaScript/jQuery. Can you help me? How should I implement search function?





Invite Facebook Friend



James





Alan





Mathew


Image


More From » html

 Answers
10
$(#search-criteria).on(keyup, function() {
var g = $(this).val();
$(.fbbox .fix label).each( function() {
var s = $(this).text();
if (s.indexOf(g)!=-1) {
$(this).parent().parent().show();
}
else {
$(this).parent().parent().hide();
}
});
});​


Working Fiddle



or Better Way:



$(#search-criteria).on(keyup, function() {
var g = $(this).val().toLowerCase();
$(.fbbox .fix label).each(function() {
var s = $(this).text().toLowerCase();
$(this).closest('.fbbox')[ s.indexOf(g) !== -1 ? 'show' : 'hide' ]();
});
});​


Working Fiddle


[#81236] Saturday, December 22, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
wilson

Total Points: 27
Total Questions: 93
Total Answers: 93

Location: Tajikistan
Member since Sun, Aug 29, 2021
3 Years ago
wilson questions
Tue, Aug 9, 22, 00:00, 2 Years ago
Wed, May 11, 22, 00:00, 2 Years ago
Wed, May 20, 20, 00:00, 4 Years ago
Wed, May 13, 20, 00:00, 4 Years ago
;