implement Clear Search function - when clear search button is clicked, remove search text and search result and list all items in middle menu.

This commit is contained in:
Jessica Wang 2011-01-20 17:39:28 -08:00
parent 775cdfe7c2
commit df5d64bb85
3 changed files with 10 additions and 3 deletions

View File

@ -189,7 +189,7 @@
<li>
<div id="basic_search" class="search_textbg">
<input class="text" type="text" id="search_input" />
<div id="search_closebutton" class="search_closebutton" style="display: none;">
<div id="clear_search" class="search_closebutton" style="display: none;">
</div>
</div>
</li>

View File

@ -343,6 +343,13 @@ $(document).ready(function() {
return;
}
//clear search
$("#clear_search").unbind("click").bind("click", function(event) {
if($selectedSubMenu != null)
$selectedSubMenu.click();
return false;
});
//basic search
$("#basic_search").find("#search_input").unbind("keypress").bind("keypress", function(event) {
event.stopPropagation();

View File

@ -990,9 +990,9 @@ function listMidMenuItems2(commandString, getSearchParamsFn, jsonResponse1, json
var searchParams = getSearchParamsFn();
if(searchParams.length > 0)
$("#search_closebutton").show();
$("#clear_search").show();
else
$("#search_closebutton").hide();
$("#clear_search").hide();
var count = 0;
$.ajax({