功能主要实现的是用户在搜索的时候输入关键字,然后会出现下拉菜单,下拉菜单中出现的是站内所有包含这个关键字的文章的标题共用户选择,这个功能相对实用一点,即增加了用户体验,也可以让用户快速的找到想要的东西。功能基于PHP+jquery来实现,参考autocomplete,效果图如下:
首页模板,在之前加入
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion Box.
$('#suggestions').hide();
} else {
$.post("/plus/search_list.PHP",{queryString: ""+inputString+""},function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} // lookup
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();",200);
}
代码中的search_list.PHP就是本文下载的文件,下载后放入/plus目录下。
PHP" 搜索..." 搜索...'){this.value='';}" 搜索...';}" 搜索" Box"