Baidu のようなあいまい検索ドロップダウン リストをシミュレートする Google_JavaScript スキル

コードをコピー コードは次のとおりです:

// JavaScript Document
function onChangehoverLi(thisLi) {
$("#searchtext").val($(thisLi).html());
$("#suggest_ul").hide(0);
validateform2(); }

$(function(){
//ロード時にドロップダウン li を非表示にする
$("#suggest_ul").hide(0);
}); >
/ /Ajax はキーワードを動的に取得します

//テキスト ボックスの入力変更をリッスンします

function fuzzySearch(){

//ajax オブジェクト関数を作成します
function createLink(){
if(window.ActiveXObject){
var newRequest = new ActiveXObject("Microsoft.XMLHTTP")
}else{
var newRequest = new XMLHttpRequest(); >}
return newRequest;
}

//テキスト ボックスが空の場合は、リクエストを送信しません
if($("#searchtext").val().length ==0||$(" #searchtext").val().length>10){
$("#suggest_ul").hide(0);
return; //リクエストを送信します
http_request = createLink();//Ajaxオブジェクトを作成します
if(http_request){
var sid = $("#searchtext").val(); = "contentSearchAction!getSynonyms.action" ;
var data = "keywords=" encodeURI(sid);
//alert(data)
http_request.open("post",url,true); 🎜>http_request.setRequestHeader("content -type","application/x-www-form-urlencoded");

//サーバーから返された結果を処理する関数を指定します
http_request.onreadystatechange = dealresult; //この関数には括弧は必要ありません
//リクエストを送信します
http_request.send(data)
}

//返された結果を処理します
関数(){
if(http_request.readyState== 4){
//200 に等しい場合は成功を意味します
if(http_request.status==200){
if(http_request.responseText==" no"){
$("#suggest_ul") .hide(0);
return;

}
$("#suggest_ul").show(0);
var res = eval("(" http_request.responseText ") ");
var content=""
for(var i=0;ivar キーワード= res[i].keywords;
contents=contents "

" キーワード "

";

}
$("#suggest_ul").html(contents);


}
}
}

}
//Mouse
$(function(){

//キーを押してから 300 ミリ秒後にドロップダウン プロンプトを表示します
$("#searchtext").keyup(function(){
setInterval(changehover,300);
function changehover() {
$("#suggest_ul li").hover(function(){ $(this).css("background","#eee) ");},function(){ $(this).css("background","#fff");});
}
});

});


ページ:




コードをコピー

コードは次のとおりです: