///////////////////////
// LiveSearch
///////////////////////
function LiveSearch() {}
LiveSearch.activeRequests = new Array();
/**
* Initialization for the live search plugin.
* Sets up the key handler and creates the search results list.
*/
LiveSearch.init = function() {
jQuery("body").append('
');
jQuery("body").children("ul.search_results").hide();
// Add the keypress handler
// Using keyup because keypress doesn't recognize the backspace key
// and that's kind of important.
jQuery("input[name='s']").keyup(LiveSearch.handleKeypress);
// Prevent browsers from doing autocomplete on the search field
jQuery("input[name='s']").attr('autocomplete', 'off');
// Hide the search results when the search box loses focus
jQuery("*").click(LiveSearch.handleClicks);
}
LiveSearch.positionResults = function() {
// Look for the search box. Exit if there isn't one.
var searchBox = jQuery("input[name='s']");
if(searchBox.size() === 0) {
return false;
}
// Position the ul right under the search box
var searchBoxPosition = searchBox.offset();
jQuery("body").children("ul.search_results").css('left', searchBoxPosition.left);
jQuery("body").children("ul.search_results").css('display', 'block');
var topOffset = searchBoxPosition.top + searchBox.outerHeight();
jQuery("body").children("ul.search_results").css('top', topOffset + 'px');
};
LiveSearch.handleClicks = function(e) {
var target = jQuery(this);
if(this.tagName == "INPUT" && target.attr('name') == "s") {
e.stopPropagation();
}
if(this.tagName == "UL" && target.hasClass('search_results')) {
e.stopPropagation();
}
if(this.tagName == "HTML") {
// If this is executing, the event has propagated all the way
// to the tag itself without being stopped,
// so it must not have been the search box or the results that
// were clicked.
LiveSearch.hideResults();
}
};
/**
* Process the search results that came back from the AJAX call
*/
LiveSearch.handleAJAXResults = function(e) {
var showThumbs = false;
var showExcerpt = false;
LiveSearch.activeRequests.pop();
resultsSearchTerm = e.searchTerms;
if(resultsSearchTerm != jQuery("input[name='s']").val()) {
if(LiveSearch.activeRequests.length == 0) {
LiveSearch.removeIndicator();
}
return;
}
var resultsShownFor = jQuery("ul.search_results").children("input[name=query]").val();
if(resultsShownFor != "" && resultsSearchTerm == resultsShownFor)
{
if(LiveSearch.activeRequests.length == 0) {
LiveSearch.removeIndicator();
}
return;
}
var searchResultsList = jQuery("ul.search_results");
searchResultsList.empty();
searchResultsList.append('');
if(e.results.length == 0) {
// Hide the search results, no results to show
LiveSearch.hideResults();
}
else {
for(var postIndex = 0; postIndex < e.results.length; postIndex++) {
var searchResult = e.results[postIndex];
if(searchResult.post_title !== undefined) {
var renderedResult = '';
// Thumbnails
if(showThumbs && searchResult.attachment_thumbnail) {
var liClass = "post_with_thumb";
}
else {
var liClass = "";
}
renderedResult += '
');
var searchBox = jQuery("input[name='s']");
var searchBoxPosition = searchBox.offset();
jQuery("#search_results_activity_indicator").css('position', 'absolute');
var indicatorY = (searchBoxPosition.top + ((searchBox.outerHeight() - searchBox.innerHeight()) / 2) + 'px');
jQuery("#search_results_activity_indicator").css('top', indicatorY);
var indicatorX = (searchBoxPosition.left + searchBox.outerWidth() - 16 - 2) + 'px';
jQuery("#search_results_activity_indicator").css('left', indicatorX);
}
};
/**
* Hide the "spinning wheel" AJAX activity indicator
*/
LiveSearch.removeIndicator = function() {
jQuery("#search_results_activity_indicator").remove();
};
///////////////////
// Initialization
///////////////////
jQuery(document).ready( function() {
LiveSearch.init();
});