亚洲日韩av在线观看_日韩一级欧美一级_亚洲自偷自拍另类11p_久久午夜色播影院_中国黄色三级毛片_伊人久久一区二区三区小说_国产精品va无码二区_国产三区在线视频_69热视频_日本亚洲天堂_99精品少妇_国产区 在线观看_天堂一区二区三区_大片免费在线观看视频_免费看黄色一级片_黄色毛片特级_国产 麻豆 日韩 欧美 久久_国产一级淫片s片sss毛片s级_欧美爱爱视频_精品无码一区二区三区水蜜桃

• 電腦軟件
• 單機游戲
• 安卓游戲
• 安卓應用

首頁 → 編程開發 → js(Javascript)/JQ → 高仿 google suggest ajax 示例

高仿 google suggest ajax 示例

相關文章發表評論 來源：本站時間：2011/3/15 16:55:30字體大�。�A-A+

更多

作者：點擊：1313次評論：0次標簽：

　　前段時間想用google suggest在網上找了很多都不盡人意,于是自己花了些時間寫了一個,跟google suggest 基本一樣,后面的約多少結果非本程序范圍哦。

　　需要修改的地方有

　　javascript.js

　　var url="ajax.asp"; //后臺地址

　　var time_delayajax=300; //搜索延遲

　　var time_delayupdown=100; //方向鍵延遲

　　obj_div.style.top = (xtop + 20) + "px"; //20差不多是輸入框的高度,請根據實際情況調整

　　ajax_xmlhttp.send("sift_value="+escape(temp_value)); //提交到后臺的值

　　dd=d+"

約"+c[1]+"結果"+c[0]+"

";//****li的顯示

 

　　后臺輸出結果格式必需為'文本1,文本2'..... 'java,2''javascript,11''java示例,22'等

　　default.css

　　.ajaxsearch {

　　 width:300px; //提示層的寬度

　　}

　　首頁index.html

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

 

　　

　　

 

　　

　　

　　腳本javascript.js

　　///////////////////////////////搜索提示框/////////////////////////////////

　　var obj_div; //提示層對象

　　var obj_input; //輸入框對象

　　var main_delay; //判斷值變化延遲對象

　　var ajax_delay; //ajax延遲搜索對象

　　var updown_delay; //方向鍵延遲對象

　　var ajax_xmlhttp; //ajax對象

　　var div_word=null; //當前提示層對應的搜索值

　　var li_num=-1; //偽光標位置,提示層被選中的li序號,從0開始

　　var li_down=-1; //鼠標按下提示層的序號

　　var value_ed=''; //輸入框延遲前的值

　　var value_ing=''; //輸入框當前的值

　　var value_unexit=''; //搜索過沒有結果的值開頭

　　var updown_run=false; //允許方向鍵上下

　　var ajax_run=false; //true為正常進程,false停止ajax

　　var ajax_run_ing=false; //true正在運行,false空閑

　　var input_focus=false; //文本框焦點

　　var url='ajax.asp'; //后臺地址**********************************************************

　　var time_delayajax=300; //搜索延遲**********************************************************

　　var time_delayupdown=100; //方向鍵延遲********************************************************

　　

　　var $=function(Fun_id){

　　 return document.getElementById(Fun_id);

　　}

　　try{

　　 ajax_xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');

　　}catch(e){

　　 try{

　　 ajax_xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');

　　 }catch(e){

　　 try{

　　 ajax_xmlhttp= new XMLHttpRequest();

　　 }catch(e){ajax_xmlhttp=null;}

　　 }

　　}

　　////////////////////////創建提示層////////////////////////

　　function createajaxdiv(){

　　 var create_div = document.createElement('div');

　　 create_div.type = 'div';

　　 var promptdiv = document.body.appendChild(create_div);

　　 promptdiv.className = 'ajaxsearch';

　　 obj_div=promptdiv;

　　}

　　////////////////////////設置提示層位置////////////////////////

　　function removediv(){

　　 if(!obj_div || !obj_input)return false;

　　 if(obj_div.style.display=='none')return false;

　　 var obj=obj_input;

　　 var xtop=0;

　　 var xleft=0;

　　 while(obj){

　　 xtop += obj['offsetTop'];

　　 xleft += obj['offsetLeft'];

　　 obj = obj.offsetParent;

　　 }

　　 obj_div.style.left = xleft + 'px';

　　 obj_div.style.top = (xtop + 20) + 'px'; //20差不多是輸入框的高度,請根據實際情況調整************************************************************8

　　 li_down=-1;

　　}

　　////////////////////////隱藏提示層////////////////////////

　　function hideajaxdiv(){

　　 obj_div.style.display='none';

　　 li_down=-1;

　　}

　　////////////////////////設置被選

css樣式////////////////////////

 

　　function setlistyle(){

　　 for(var i=0;i

　　 obj_div.firstChild.childNodes[i].id='';

　　 }

　　 if(li_num!=-1)obj_div.firstChild.childNodes[li_num].id='liseleted';

　　}

　　////////////////////////鼠標經過提示層////////////////////////

　　function overli(Fun_seletedlinum){

　　 if(li_num==-1)value_ing=obj_input.value;

　　 li_num=Fun_seletedlinum;

　　 setlistyle();

　　}

　　////////////////////////鼠標拖動提示層////////////////////////

　　function moveli(){

　　 if(window.getSelection){

　　 setfocus();

　　 window.getSelection().removeAllRanges();

　　 }else{

　　 document.selection.empty();

　　 setfocus();

　　 }

　　}

　　////////////////////////鼠標按下提示層////////////////////////

　　function downli(Fun_seletedlinum){

　　 if(!obj_input)return false;

　　 li_down=Fun_seletedlinum;

　　 input_focus=true;

　　}

　　////////////////////////鼠標彈起提示層////////////////////////

　　function upli(Fun_seletedlinum,Fun_event){

　　 if(!obj_input)return false;

　　 if(Fun_event.button==2){li_down=-1;return}

　　 if(li_down!=Fun_seletedlinum){

　　 li_down=-1;

　　 return false;

　　 }

　　 clearTimeout(ajax_delay);

　　 clearTimeout(updown_delay);

　　 updown_run=true;

　　 ajax_run=false;

　　 ajax_run_ing=false;

　　 li_num=-1;

　　 div_word=null;

　　

　　 value_ed=obj_div.firstChild.childNodes[Fun_seletedlinum].childNodes[1].nodeValue;

　　 obj_input.value=value_ed;

　　 value_ing=value_ed;

　　 hideajaxdiv();

　　 obj_div.innerHTML='';

　　}

　　////////////////////////設置文本框獲取焦點///////////////////////

　　function setfocus(){

　　 if(window.event){

　　 var r = obj_input.createTextRange();

　　 r.moveStart('character',obj_input.value.length);

　　 r.collapse(true);

　　 r.select();

　　 }else{

　　 obj_input.selectionStart=obj_input.value.length;

　　 obj_input.focus();

　　 }

　　}

　　////////////////////////文本框失去焦點////////////////////////

　　function blurdeal(){

　　 if(input_focus==true){

　　 setfocus();

　　 setTimeout('setfocus()');

　　 return false;

　　 }

　　 updown_run=false;

　　 ajax_run=false;

　　 ajax_run_ing=false;

　　 clearInterval(main_delay);

　　 clearTimeout(ajax_delay);

　　 clearTimeout(updown_delay);

　　 hideajaxdiv();

　　 if(value_ed!=obj_input.value)obj_div.innerHTML='';

　　}

　　////////////////////////文本框獲取焦點////////////////////////

　　function focusdeal(Fun_event){

　　 if(!obj_div)createajaxdiv();

　　 if(input_focus==true){

　　 input_focus=false;

　　 return false;

　　 }

　　 var obj=((window.event)?Fun_event.srcElement:Fun_event.target);

　　 if(obj.type!='text')return false;

　　 updown_run=true;

　　 ajax_run=true;

　　 ajax_run_ing=false;

　　 if(obj_input==obj && value_ed==obj.value && obj_div.innerHTML!=''){

　　 obj_div.style.display='block';

　　 removediv();

　　 }else{

　　 obj_input=obj;

　　 value_ed=obj.value;

　　 value_ing=obj.value;

　　 value_unexit='';

　　 li_num=-1;

　　 li_down=-1;

　　 div_word=null;

　　 obj_div.innerHTML='';

　　 removediv();

　　 }

　　 main_delay=setInterval('mainajax()',10);

　　}

　　////////////////////////主函數////////////////////////

　　function mainajax(){

　　 if(value_ed==obj_input.value)return false;

　　 if(value_unexit!='' && (obj_input.value).indexOf(value_unexit)==0){hideajaxdiv();obj_div.innerHTML='';return false;}

　　 if(value_ed!=obj_input.value && ajax_run_ing==false){

　　 ajax_run=true;

　　 value_ed=obj_input.value;

　　 clearTimeout(ajax_delay);

　　 if(obj_input.value!=''){

　　 ajax_delay=setTimeout('getsearch();',time_delayajax);

　　 }else{

　　 hideajaxdiv();

　　 obj_div.innerHTML='';

　　 ajax_run=false;

　　return false;

　　

　　 }

　　 }

　　}

　　////////////////////////獲取搜索內容////////////////////////

　　function getsearch(){

　　 var temp_value=obj_input.value;

　　 if(ajax_xmlhttp==null){

　　 return false;

　　 }else if(ajax_xmlhttp.readyState!=0){

　　 ajax_xmlhttp.abort();

　　 ajax_run_ing=false;

　　 }

　　 ajax_xmlhttp.onreadystatechange=function(){

　　 if(ajax_run==false){ajax_xmlhttp.abort();ajax_run_ing=false;return false;}

　　 if(ajax_xmlhttp.readyState==4){

　　 obj_div.innerHTML='';

　　if(ajax_xmlhttp.status==200 || ajax_xmlhttp.status==304){

　　 var contant=ajax_xmlhttp.responseText;

　　 if(contant!='' && ajax_run==true){

　　 div_word=temp_value;

　　 obj_div.innerHTML=resetcontant(contant);

　　 obj_div.style.display='block';

　　 removediv();removediv();

　　 }else{

　　 hideajaxdiv();

　　 }

　　 updown_run=true;

　　 ajax_run_ing=false;

　　 li_num=-1;

　　 if(contant=='')value_unexit=temp_value;

　　 }

　　 }

　　 }

　　 ajax_xmlhttp.open('post',url,true);

　　 ajax_xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');

　　 ajax_run_ing=true;

　　 ajax_xmlhttp.send('sift_value='+escape(temp_value)); //提交到后臺的值*****************************************

　　}

　　////////////////////////內容重組///////////////////////

　　function resetcontant(Fun_contant){

　　 if(Fun_contant==null || Fun_contant=='')return '';

　　 var a=Fun_contant.substring(1,Fun_contant.length-1);

　　 if(Fun_contant==null || Fun_contant=='')return '';

　　 var b=a.split('''');

　　 var c;

　　 var d;

　　 d='

';

 

　　 for(var i in b){

　　 c=b[i].split(',');

　　 //***************************************************************

　　 d=d+'

• 約'+c[1]+'結果'+c[0]+'
';

 

　　 //***************************************************************

　　 }

　　 d=d+'

• 關閉
'

 

　　 d=d+'

';

 

　　 return d;

　　}

　　////////////////////////鍵盤事件////////////////////////

　　function keydowndeal(Fun_event){

　　 var keyc=((window.event)?Fun_event.keyCode:Fun_event.which);

　　 if(keyc==13){hideajaxdiv();return false;}

　　 if(keyc==27){

　　 if(obj_div.style.display=='block' && li_num>-1)value_ed=obj_input.value=value_ing;

　　 hideajaxdiv();

　　 return false;

　　 }

　　 if(keyc==40 || keyc==38){

　　 if(div_word==obj_input.value && obj_div.style.display=='none' && obj_div.innerHTML!=''){

　　 obj_div.style.display='block';

　　 removediv();

　　return false;

　　 }

　　 if(li_num==-1){

　　if(div_word!=obj_input.value)return false;

　　 }else{

　　if(div_word!=value_ing)return false;

　　 }

　　 if(updown_run==false || ajax_run_ing==true || obj_div.style.display=='none')return false;

　　 updown_delay=setTimeout('updownli('+keyc+')',time_delayupdown);

　　 updown_run=false;

　　 }

　　}

　　////////////////////////方向鍵移動li////////////////////////

　　function updownli(Fun_key){

　　 if(!obj_div){return false;}

　　 updown_run=true;

　　 if(li_num==-1){

　　 if(div_word!=obj_input.value){hideajaxdiv();obj_div.innerHTML='';li_num=-1;return false;}

　　 }else{

　　 if(div_word!=value_ing){hideajaxdiv();obj_div.innerHTML='';li_num=-1;return false;}

　　 }

　　 if(updown_run==false)return false;

　　 if(li_num==-1)value_ing=value_ed;

　　 if(Fun_key==40){

　　 if(li_num

　　 li_num++;

　　 }else{

　　 li_num=-1;

　　 }

　　 }

　　 if(Fun_key==38){

　　 if(li_num>=0){

　　 li_num--;

　　 }else{

　　 li_num=obj_div.firstChild.childNodes.length-2;

　　 }

　　 }

　　 if(li_num!=-1){

　　 value_ed=obj_input.value=obj_div.firstChild.childNodes[li_num].childNodes[1].nodeValue;

　　 }else{

　　 value_ed=obj_input.value=value_ing;

　　 }

　　 setlistyle();

　　}

　　后臺ajax.asp

　　

　　

　　

　　

　　

　　

相關軟件

• 電腦版相關軟件
• ZoneAlarm完美注冊機 61KB立即下載
• KMPlayer(萬能解碼器) 3.9.0.124 中文安裝版 31.2M立即下載
• 軟件封裝工具(Inno Setup) 5.5.5 中文安裝版 1.7M立即下載
• 超級兔子魔法設置 V8.20 綠色免費版(老的經典版) 18.1M立即下載
• 內存虛擬成硬盤(Ramdisk) V1.1 漢化特別版(中英兩版本打包) 580KB立即下載
• Windows優化大師 V7.99 Build 10.1209 中文綠色版 7.3M立即下載
• Windows優化大師(wopti)綠色版 V7.417(內帶注冊機) 6.5M立即下載
• 綠色關機軟件(Switch Off) 2.3.0.1 免費版 393KB立即下載
• 藍牙搜索軟件(BluetoothView) 1.25 中文綠色版 46KB立即下載
• QuickFlash(極速閃客) 3.5.1 Beta 中文綠色版 3.6M立即下載
• 手機版相關軟件

相關文章

10-13《戰國無雙4-2》怎么換服裝？戰國無雙4-2換服裝操作秘訣

10-13《戰國無雙4-2》PC版如何聯機？ 戰國無雙4-2聯機方法詳解

10-13戰國無雙4-2技能覺醒牛逼嗎 全新武將覺醒技能展示

10-13《戰國無雙4-2》手柄無效怎么解決 戰國無雙4-2解決技巧

10-13戰國無雙4-2如何設置語言 戰國無雙4-2武將取中文名方法

10-13戰國無雙4-2怎么樣跳過進入開場動畫 戰國無雙4-2秒進游戲訣竅

相關評論

閱讀本文后您有什么感想? 已有 0 人給出評價!

• 2791 喜歡
• 2101 頂
• 800 難過
• 1219 囧
• 4049 圍觀
• 5602 無聊

熱門評論

最新評論

發表評論 查看所有評論(0)

昵稱:

表情:

字數: 0/500 (您的評論需要經過審核才能顯示)

• 

  游戲電競大亨手游合集

• 

  游戲電競大亨全攻略破解版1.0 安卓

  中文 l 39.1M

  下載
• 

  游戲電競大亨快速發展破解版1.0.1

  中文 l 39.1M

  下載
• 

  電競大亨官方版1.0 安卓最新版

  中文 l 39.1M

  下載

文章推薦

王者榮耀賬號惡 MARVEL Strike 2017年10月手游 比官居一品好玩

最新文章

• 王者榮耀王者快跑怎么抄近道 王者快跑小技巧
• DNF劍與魔法之卷第五章通關獎勵是什么 小魔
• QQ音樂數字專輯如何贈送給別人 QQ音樂如何領
• 一起來捉妖九尾明月技能詳解及如何打倒幼尾
• 一起來捉妖錦鯉什么用 錦鯉聚妖鈴鐺怎么用
• 抖音視頻里的貼紙如何設置跳動
• 一起來捉妖無相符印是什么 無相符印如何獲得
• 像素魏蜀吳蜀漢傳奇新手攻略及前期陣容推薦
• 早安我的少年如何退出睡眠模式 早安我的少年
• 早安我的少年為什么看不了廣告

本類常用軟件

• 名稱大小下載
• 1

  Windows優化大師下載量：783530

  下載
• 2

  VirtualBox(虛擬機軟件)下載量：759381

  下載
• 3

  福建農村信用社手機銀行客戶端下載下載量：584736

  下載
• 4

  英雄聯盟XK助手下載量：422961

  下載
• 5

  火線福利輕松領(一鍵領取CF活動道具獎勵)下載量：388554

  下載