ajax仿google搜索下拉提示
分类:热门新闻

scripttype=text/javascriptsrc=prototype.js/scriptscripttype=text/javascript//定义变量lastindex表示为鼠标在询问结果上滑动所在地点,初步为-1varlastindex=-1;//定义变量flag表示是或不是基于客商输入的重大字张开ajax查询,flase为允许查询true为禁绝查询varflag=false;//再次回到的询问结果生成的数经理度varlistlength=0;functionStringBuffer(卡塔尔国{//定义对象StringBufferthis.data=[];//创造属性,自定字符串}StringBuffer.prototype.append=function(State of Qatar{//注脚StringBuffer的点子this.data.push(arguments[0]State of Qatar;returnthis;//方法实现代码,赋值}StringBuffer.prototype.tostring=function(State of Qatar{//再次回到结果,或是说出口结果returnthis.data.join(卡塔尔;}String.prototype.Trim=function(卡塔尔国{//滤过空格returnthis.replace(/(^/s*)|(/s*$卡塔尔(قطر‎/g,卡塔尔(قطر‎;}functionhiddensearch(State of Qatar{//隐敝函数根本是藏身展现的提示下拉层和iframe,关于iframe下边在说其作用$('rlist'卡塔尔.style.display=none;$('rFrame'State of Qatar.style.display=none;}functionshowsearch(num卡塔尔国{//呈现函数首假若显示的唤醒下拉层和iframe参数num,根据该参数调整要来得提醒层和iframe的万丈$('rlist'卡塔尔国.style.display='';$('rFrame'卡塔尔国.style.display='';//这里本身定义每一个再次回到查询结果的提示中度为20px,当中提醒层总高度又加了num,是因为自身在概念样式时选择了padding一个像素$('rlist'卡塔尔国.style.height=num*20+num+'px';//同样定位iframe的惊人$('rFrame'卡塔尔(قطر‎.style.height=num*20+num+'px';}functiongetposition(element,offset卡塔尔{//重回文本输入框的坐标函数,参数element为要回来的靶子,参数offset可选为offsetLeft|offsetTop分别代表为该对象间隔左窗口上角的绝对化地方//利用那些函数能够固定大家要来得的提示层职位,使提示层不易的体现在文书输入框下边varc=0;while(element卡塔尔国{c+=element[offset];element=element.offsetParent}returnc;}/********************************DOM*************************************************/functioncreatelist(卡塔尔{//创建指示层varlistDiv=document.createElement(divState of Qatar;//createElement(State of Qatar方法可创形成分节点listDiv.id=rlist;//提醒层idlistDiv.style.zIndex=2;//z-index属性设置成分的堆放顺序。具有越来越高堆集顺序的成分总是会处在聚积顺序很低的要素的眼下,那几个设置的是后便listDiv.style.position=absolute;//position属性把成分放置到三个静态的、绝没错、绝没错、或定点之处中。那个和上面的可怜是应和的,约等于说和下部的框架是呼应的,地方设置为absolute的要素,可一定于绝对于含有它的因素的钦定坐标。此元素的职位可通过left、top、right以致bottom属性来规定。上面的产出也是因为选取了那一个absolute数值listDiv.style.border=solid1px#000000;//设置边框样式listDiv.style.backgroundColor=#FFFFFF;//设置背景颜色listDiv.style.display=none;//此成分不会被展现listDiv.style.width=$('keyword'卡塔尔.clientWidth+px;//只读属性,注解了窗口的文书档案展现区的上升的幅度listDiv.style.left=getposition($('keyword'卡塔尔国,'offsetLeft'State of Qatar+1.5+px;//设置一定元素左外边距listDiv.style.top=(getposition($('keyword'卡塔尔国,'offsetTop'卡塔尔+$('keyword'State of Qatar.clientHeight+3卡塔尔国+px;//设置一个稳固成分的上国中医药学院地距边界与其包涵块上面界之间的挥动。提醒:倘使position属性的值为static,那么设置top属性不会产生别的作用。varlistFrame=document.createElement(iframe卡塔尔(قطر‎;listFrame.id=rFrame;//提醒层idlistFrame.style.zIndex=1;//z-index属性设置成分的堆积顺序。具备越来越高堆放顺序的因素总是会处在堆放顺序相当的低的成分的前方,那么些设置的是后边listFrame.style.position=absolute;//和下面的不行设置是相应的listFrame.style.border=0;//设置边框为0listFrame.style.display=none;//此成分不会被显示listFrame.style.width=$('keyword'卡塔尔国.clientWidth+px;//只读属性,注解了窗口的文书档案突显区的增长幅度listFrame.style.left=getposition($('keyword'State of Qatar,'offsetLeft'卡塔尔(قطر‎+1+px;//设置固定成分左外边距listFrame.style.top=(getposition($('keyword'卡塔尔,'offsetTop'卡塔尔(قطر‎+$('keyword'卡塔尔国.clientHeight+3State of Qatar+px;//设置一个稳固成分的上海外国语高校地距边界与其包括块上面界之间的摇曳。提示:借使position属性的值为static,那么设置top属性不会发出其余效用。document.body.appendChild(listDiv卡塔尔国;//向节点的子节点列表的尾声增添新的子节点。起头结尾相呼应。document.body.appendChild(listFrame卡塔尔;//向节点的子节点列表的终极增加新的子节点。最早结尾相呼应。}functionsetstyle(element,classname卡塔尔(قطر‎{switch(classname卡塔尔(قطر‎{case'm':element.style.fontSize=12px;//设置字体大小element.style.fontFamily=arial,sans-serif;//fontFamily属性定义用于成分文本展现的书体。element.style.backgroundColor=#3366cc;//背景element.style.color=black;//颜色element.style.width=$('keyword'卡塔尔(قطر‎.clientWidth-2+px;//设置只读属性的宽element.style.height=20px;//设置中度element.style.padding=1px0px0px2px;//padding属性设置成分的内边距。if(element.displaySpan卡塔尔国element.displaySpan.style.color=whitebreak;case'd':element.style.fontSize=12px;element.style.fontFamily=arial,sans-serif;element.style.backgroundColor=white;element.style.color=black;element.style.width=$('keyword'卡塔尔.clientWidth-2+px;element.style.height=20px;element.style.padding=1px0px0px2px;if(element.displaySpanState of Qatarelement.displaySpan.style.color=greenbreak;case't':element.style.width=五分之四;if(window.navigator.userAgent.toLowerCase(State of Qatar.indexOf(firefox卡塔尔(قطر‎!=-1卡塔尔国element.style.cssFloat=left;//判别头的elseelement.style.styleFloat=left;element.style.whiteSpace=nowrap;element.style.overflow=hidden;element.style.textOverflow=ellipsis;element.style.fontSize=12px;element.style.textAlign=left;break;case'h':element.style.width=伍分之一;if(window.navigator.userAgent.toLowerCase(卡塔尔国.indexOf(firefox卡塔尔!=-1)element.style.cssFloat=right;elseelement.style.styleFloat=right;element.style.textAlign=right;element.style.color=green;break;}}functionfocusitem(index){if($('item'+lastindex)!=null)setstyle($('item'+lastindex),'d');if($('item'+index)!=null){setstyle($('item'+index),'m');lastindex=index;}else{$(keyword).focus();}}functionsearchclick(index){$(keyword).value=$('title'+index).innerHTML;flag=true;}functionsearchkeydown(e){if($('rlist').innerHTML=='')return;varkeycode=(window.navigator.appName==MicrosoftInternetExplorer)?event.keyCode:e.which;//downif(keycode==40){if(lastindex==-1||lastindex==listlength-1){focusitem(0);searchclick(0);}else{focusitem(lastindex+1);searchclick(lastindex+1);}}if(keycode==38){if(lastindex==-1){focusitem(0);searchclick(0);}else{focusitem(lastindex-1);searchclick(lastindex-1);}}if(keycode==13){focusitem(lastindex);$(keyword).value=$('title'+lastindex).innerText;}if(keycode==46||keycode==8){flag=false;ajaxsearch($F('keyword').substring(0,$F('keyword').length-1).Trim());}}functionshowresult(xmlhttp){varresult=unescape(xml);if(result!=''){varresultstring=newStringBuffer();vartitle=result.split('$')[0];varhits=result.split('$')[1];for(vari=0;ititle.split('|').length;i++){resultstring.append('divid=item'+i+'');resultstring.append('spanid=title'+i+'');resultstring.append(title.split('|')[i]);resultstring.append('/span');resultstring.append('spanid=hits'+i+'');resultstring.append(hits.split('|')[i]);resultstring.append('/span');resultstring.append('/div');}$('rlist').innerHTML=resultstring.tostring();for(varj=0;jtitle.split('|').length;j++){setstyle($('item'+j),'d');$('item'+j).displaySpan=$('hits'+j);setstyle($('title'+j),'t');setstyle($('hits'+j),'h');}showsearch(title.split('|').length);listlength=title.split('|').length;lastindex=-1;}elsehiddensearch();}functionajaxsearch(value){newAjax.Request('search.php',{method:get,parameters:action=dokeyword=+escape(value),onComplete:showresult});}functionmain(){$('keyword').className=$('keyword').className=='inputblue'?'inputfocus':'inputblue';if($F('keyword').Trim()=='')hiddensearch();else{if($F('keyword')!=''flag==false)ajaxsearch($F('keyword').Trim());if(listlength!=0)$('keyword').onkeydown=searchkeydown;elsehiddensearch();}}functiononinit(){$('keyword').autocomplete=off;$('keyword').onfocus=main;$('keyword').onkeyup=main;$('keyword').onblur=hiddensearch;createlist();}Event.observe(window,'load',oninit);/script

CREATE TABLE `xqbar`.`suggest` (
`id` INT NOT NULL AUTO_INCREMENT ,
`title` VARCHAR( 100 ) NOT NULL ,
`hits` INT NOT NULL DEFAULT '0',
PRIMARY KEY ( `id` )
) ENGINE = InnoDB

insert into suggest(title,hits)values('xqbar.com',100);
insert into suggest(title,hits)values('www.111cn.net',410);
insert into suggest(title,hits)values(');
insert into suggest(title,hits)values('mail:xqbar.com',200);
insert into suggest(title,hits)values('ftp:xqbar.com',100);
insert into suggest(title,hits)values('
(关于php笔者也是触发不久,上面包车型客车php假诺罗嗦还望高手指导卡塔尔(قطر‎
归来的音讯字符串要为 xxx1|xxx2$200|100 前后呼应[code]
<?php
if($_GET["action"]!=''){
   #获得顾客输入的首要字
   $keyword=$_GET["keyword"];
   #过滤关键字
   $keyword=str_replace("[","[[]",$keyword);
   $keyword=str_replace("&","[&]",$keyword);
   $keyword=str_replace("%","[%]",$keyword);
   $keyword=str_replace("^","[^]",$keyword);
   #链接数据库
   $conn=mysql_connect("localhost","xqbar","xqbaradmin");
   #分选数据库
   @mysql_select_db("xqbar") or die('sorry');
   mysql_query('set names utf-8');
   #查询语句
   $sql="select title,hits from suggest where title like '%".$keyword."%' order by hits desc limit 10";
   $result=mysql_query($sql);
   #巡回获得查询结果,重回字符串
   #格式为 结果1|结果2$结实1点击次数|结果2点击次数
   if($result){
   $i=1;$title='';$hits='';
   while($row=mysql_fetch_array($result,MYSQL_BOTH))
   {
     $title=$title.$row['title'];
   $hits=$hits.$row['hits'];
   if($i<mysql_num_rows($result))
  {
   $title=$title."|";
   $hits=$hits."|";
  }
  $i++;
    }
   }
   mysql_close();
}
?>
<?php echo $title.'js代码[code]

引进prototye.js有朋友说那几个库太大,大概把,不习贯的爱侣能够运用jquery.js框架或许直接开立ajax对象,那些自个儿就不想说了,这里平昔引用prototye.js框架
<script type="text/javascript" src="prototype.js"></script>
成立层和体现查询结果的js代码
<script type="text/javascript">
//定义变量lastindex 表示为鼠标在询问结果上海滑稽剧团动所在地点,开端为-1
var lastindex=-1;
//定义变量flag 表示是或不是基于客商输入的非常重要字张开ajax查询,flase为允许查询 true为禁绝查询
var flag=false;
//重临的询问结果生成的数董事长度
var listlength=0;
//成立自定字符串,优化功用
function StringBuffer(){this.data=[];}
//赋值
StringBuffer.prototype.append=function(){this.data.push(arguments[0]);return this;}
//输出
StringBuffer.prototype.tostring=function(){return this.data.join("");}
//去掉字符串两侧空格
String.prototype.Trim = function(){return this.replace(/(^s*)|(s*$)/g, "");}
//隐蔽函数 主假诺隐形呈现的提示下拉层和iframe,关于iframe下边在说其作用
function hiddensearch()
{
$('rlist').style.display="none";
$('rFrame').style.display="none";
}
//展现函数 首若是体现的提醒下拉层和iframe 参数num,依照该参数调整要来得提醒层和iframe的冲天
function showsearch(num)
{
  $('rlist').style.display='';
  $('rFrame').style.display='';
  //这里自个儿定义每种重临查询结果的提示高度为20px,在这之中提醒层总中度又加了num,是因为本人在概念样式时使用了padding八个像素
  $('rlist').style.height=num*20+num+'px';
  //相似定位iframe的莫斯中国科学技术大学学
  $('rFrame').style.height=num*20+num+'px';
}
//重回文本输入框的坐标函数,参数element为要赶回的靶子,参数offset可选为offsetLeft|offsetTop 分别表示为该对象间距左窗口上角的绝对化地点
//利用这么些函数能够固定我们要显得的提醒层地方,使提示层不易的来得在文书输入框上面
function getposition(element,offset)
{
    var c=0;
    while(element)
    {
        c+=element[offset];
        element=element.offsetParent
    }
    return c;
}
//创设提示层函数 包涵提示层和为了防止在文件输入框下边现身select下拉选框时大家的提醒层不能够再select之上的iframe
//能够领会为当文本输入框下有select下拉选框时从底向上依次为 select下拉选框-iframe-提醒层
function createlist()
{
//创制提醒层
var listDiv=document.createElement("div");
//提示层id
listDiv.id="rlist";       
listDiv.style.zIndex="2";
listDiv.style.position="absolute";
listDiv.style.border="solid 1px #000000";
listDiv.style.backgroundColor="#FFFFFF";
listDiv.style.display="none";
listDiv.style.width=$('keyword').clientWidth+"px";
listDiv.style.left=getposition($('keyword'),'offsetLeft')+1.5+"px";
listDiv.style.top =(getposition($('keyword'),'offsetTop')+$('keyword').clientHeight +3)+"px";

var listFrame=document.createElement("iframe");
listFrame.id="rFrame";
listFrame.style.zIndex="1";
listFrame.style.position="absolute";
listFrame.style.border="0";
listFrame.style.display="none";
listFrame.style.width=$('keyword').clientWidth+"px";
listFrame.style.left=getposition($('keyword'),'offsetLeft')+1+"px";
listFrame.style.top =(getposition($('keyword'),'offsetTop')+$('keyword').clientHeight +3)+"px";
document.body.appendChild(listDiv);      
document.body.appendChild(listFrame);
}
function setstyle(element,classname)
{
switch (classname)
    {
     case 'm':
       element.style.fontSize="12px";
    element.style.fontFamily="arial,sans-serif";
    element.style.backgroundColor="#3366cc";
    element.style.color="black";
    element.style.width=$('keyword').clientWidth-2+"px";
    element.style.height="20px";
          element.style.padding="1px 0px 0px 2px";
          if(element.displaySpan)element.displaySpan.style.color="white"
    break;
     case 'd':
       element.style.fontSize="12px";
    element.style.fontFamily="arial,sans-serif";
    element.style.backgroundColor="white";
    element.style.color="black";
    element.style.width=$('keyword').clientWidth-2+"px";
    element.style.height="20px";
          element.style.padding="1px 0px 0px 2px";
          if(element.displaySpan)element.displaySpan.style.color="green"
    break;
  case 't':
       element.style.width="80%";
    if(window.navigator.userAgent.toLowerCase().indexOf("firefox")!=-1)element.style.cssFloat="left";
    else element.style.styleFloat="left";
    element.style.whiteSpace="nowrap";
    element.style.overflow="hidden";
    element.style.textOverflow="ellipsis";
    element.style.fontSize="12px";
    element.style.textAlign="left";
    break;
  case 'h':
       element.style.width="20%";
    if(window.navigator.userAgent.toLowerCase().indexOf("firefox")!=-1)element.style.cssFloat="right";
    else element.style.styleFloat="right";
    element.style.textAlign="right";
    element.style.color="green";
    break;
    }
}
function focusitem(index)
{
  if($('item'+lastindex)!=null)setstyle($('item'+lastindex),'d');
  if($('item'+index)!=null)
  {
   setstyle($('item'+index), 'm');
   lastindex=index;
  }
  else $("keyword").focus();
}
function searchclick(index)
{
  $("keyword").value=$('title'+index).innerHTML;
  flag=true;
}
function searchkeydown(e)
{
if($('rlist').innerHTML=='')return;
  var keycode=(window.navigator.appName=="Microsoft Internet Explorer")?event.keyCode:e.which;
  //down
  if(keycode==40)
  {
if(lastindex==-1||lastindex==listlength-1)
{
  focusitem(0);
  searchclick(0);
}
else{
  focusitem(lastindex+1);
  searchclick(lastindex+1);
}
  }
if(keycode==38)
{
if(lastindex==-1)
{
  focusitem(0);
  searchclick(0);
}
else{
  focusitem(lastindex-1);
  searchclick(lastindex-1);
}
}
if(keycode==13)
{
  focusitem(lastindex);
  $("keyword").value=$('title'+lastindex).innerText;
}   
if(keycode==46||keycode==8){flag=false;ajaxsearch($F('keyword').substring(0,$F('keyword').length-1).Trim());}
}
function showresult(xmlhttp)
{
var result=unescape(xmlhttp.responseText);
if(result!=''){
    var resultstring=new StringBuffer();
       var title=result.split('搜索框[code]
<form id="form1" name="form1" method="post" action="">
      <b>输入寻觅关键字</b>
    <input name="keyword" type="text" class="inputblue" id="keyword" maxlength="20" style="width:300px;" />
</form>[/code]就这个,没加表明,有时光再加吧,加的话 能够去本身的博客看看]

引进prototye.js有情人说这么些库太大,也许把,不习于旧贯的爱人能够使用jquery.js框架大概直接开立ajax对象,那个小编就不想说了,这里间接援用prototye.js框架
<script type="text/javascript" src="prototype.js"></script>
制造层和出示查询结果的js代码
<script type="text/javascript">
//定义变量lastindex 表示为鼠标在查询结果上海滑稽剧团动所在地点,起初为-1
var lastindex=-1;
//定义变量flag 表示是还是不是基于客商输入的最首要字张开ajax查询,flase为允许查询 true为禁绝查询
var flag=false;
//再次来到的查询结果生成的数经理度
var listlength=0;
//创制自定字符串,优化效率
function StringBuffer(){this.data=[];}
//赋值
StringBuffer.prototype.append=function(){this.data.push(arguments[0]);return this;}
//输出
StringBuffer.prototype.tostring=function(){return this.data.join("");}
//去掉字符串两侧空格
String.prototype.Trim = function(){return this.replace(/(^s*)|(s*$)/g, "");}
//遮掩函数 首假使遮盖展现的唤醒下拉层和iframe,关于iframe下边在说其坚决守住
function hiddensearch()
{
$('rlist').style.display="none";
$('rFrame').style.display="none";
}
//显示函数 首假设显得的唤醒下拉层和iframe 参数num,依照该参数调节要来得提示层和iframe的莫斯科大学
function showsearch(num)
{
  $('rlist').style.display='';
  $('rFrame').style.display='';
  //这里作者定义每种再次来到查询结果的提示高度为20px,个中提醒层总中度又加了num,是因为本身在概念样式时行使了padding一个像素
  $('rlist').style.height=num*20+num+'px';
  //雷同定位iframe的冲天
  $('rFrame').style.height=num*20+num+'px';
}
//再次回到文本输入框的坐标函数,参数element为要回去的对象,参数offset可选为offsetLeft|offsetTop 分别代表为该目的间隔左窗口上角的相对化地点
//利用这几个函数能够一定大家要展现的唤醒层地点,使提醒层不易的展现在文件输入框上边
function getposition(element,offset)
{
    var c=0;
    while(element)
    {
        c+=element[offset];
        element=element.offsetParent
    }
    return c;
}
//创造提醒层函数 富含提示层和为了防止在文书输入框上面现身select下拉选框时我们的唤醒层不能够再select之上的iframe
//能够掌握为当文本输入框下有select下拉选框时从底向上依次为 select下拉选框-iframe-提醒层
function createlist()
{
//创制提醒层
var listDiv=document.createElement("div");
//提示层id
listDiv.id="rlist";       
listDiv.style.zIndex="2";
listDiv.style.position="absolute";
listDiv.style.border="solid 1px #000000";
listDiv.style.backgroundColor="#FFFFFF";
listDiv.style.display="none";
listDiv.style.width=$('keyword').clientWidth+"px";
listDiv.style.left=getposition($('keyword'),'offsetLeft')+1.5+"px";
listDiv.style.top =(getposition($('keyword'),'offsetTop')+$('keyword').clientHeight +3)+"px";

var listFrame=document.createElement("iframe");
listFrame.id="rFrame";
listFrame.style.zIndex="1";
listFrame.style.position="absolute";
listFrame.style.border="0";
listFrame.style.display="none";
listFrame.style.width=$('keyword').clientWidth+"px";
listFrame.style.left=getposition($('keyword'),'offsetLeft')+1+"px";
listFrame.style.top =(getposition($('keyword'),'offsetTop')+$('keyword').clientHeight +3)+"px";
document.body.appendChild(listDiv);      
document.body.appendChild(listFrame);
}
function setstyle(element,classname)
{
switch (classname)
    {
     case 'm':
       element.style.fontSize="12px";
    element.style.fontFamily="arial,sans-serif";
    element.style.backgroundColor="#3366cc";
    element.style.color="black";
    element.style.width=$('keyword').clientWidth-2+"px";
    element.style.height="20px";
          element.style.padding="1px 0px 0px 2px";
          if(element.displaySpan)element.displaySpan.style.color="white"
    break;
     case 'd':
       element.style.fontSize="12px";
    element.style.fontFamily="arial,sans-serif";
    element.style.backgroundColor="white";
    element.style.color="black";
    element.style.width=$('keyword').clientWidth-2+"px";
    element.style.height="20px";
          element.style.padding="1px 0px 0px 2px";
          if(element.displaySpan)element.displaySpan.style.color="green"
    break;
  case 't':
       element.style.width="80%";
    if(window.navigator.userAgent.toLowerCase().indexOf("firefox")!=-1)element.style.cssFloat="left";
    else element.style.styleFloat="left";
    element.style.whiteSpace="nowrap";
    element.style.overflow="hidden";
    element.style.textOverflow="ellipsis";
    element.style.fontSize="12px";
    element.style.textAlign="left";
    break;
  case 'h':
       element.style.width="20%";
    if(window.navigator.userAgent.toLowerCase().indexOf("firefox")!=-1)element.style.cssFloat="right";
    else element.style.styleFloat="right";
    element.style.textAlign="right";
    element.style.color="green";
    break;
    }
}
function focusitem(index)
{
  if($('item'+lastindex)!=null)setstyle($('item'+lastindex),'d');
  if($('item'+index)!=null)
  {
   setstyle($('item'+index), 'm');
   lastindex=index;
  }
  else $("keyword").focus();
}
function searchclick(index)
{
  $("keyword").value=$('title'+index).innerHTML;
  flag=true;
}
function searchkeydown(e)
{
if($('rlist').innerHTML=='')return;
  var keycode=(window.navigator.appName=="Microsoft Internet Explorer")?event.keyCode:e.which;
  //down
  if(keycode==40)
  {
if(lastindex==-1||lastindex==listlength-1)
{
  focusitem(0);
  searchclick(0);
}
else{
  focusitem(lastindex+1);
  searchclick(lastindex+1);
}
  }
if(keycode==38)
{
if(lastindex==-1)
{
  focusitem(0);
  searchclick(0);
}
else{
  focusitem(lastindex-1);
  searchclick(lastindex-1);
}
}
if(keycode==13)
{
  focusitem(lastindex);
  $("keyword").value=$('title'+lastindex).innerText;
}   
if(keycode==46||keycode==8){flag=false;ajaxsearch($F('keyword').substring(0,$F('keyword').length-1).Trim());}
}
function showresult(xmlhttp)
{
var result=unescape(xmlhttp.responseText);
威尼斯登录首页,if(result!=''){
    var resultstring=new StringBuffer();
       var title=result.split('搜索框[code]
<form id="form1" name="form1" method="post" action="">
      <b>输入寻找关键字</b>
    <input name="keyword" type="text" class="inputblue" id="keyword" maxlength="20" style="width:300px;" />
</form>[/code]就那些,没加表达,一时间再加吧,加的话 能够去自个儿的博客看看];
       var hits=result.split('搜索框[        DISCUZ_CODE_3        ]就那么些,没加表达,有时光再加吧,加的话 能够去作者的博客看看        DISCUZ_CODE_2        ]搜索框[        DISCUZ_CODE_3        ]就那么些,没加表达,有的时候光再加吧,加的话 能够去本身的博客看看];
    for(var i=0;i<title.split('|').length;i++)
    {
    resultstring.append('<div id="item'+i+'">');
    resultstring.append('<span id=title'+i+'>');
    resultstring.append(title.split('|'));
    resultstring.append('</span>');
    resultstring.append('<span id=hits'+i+'>');
    resultstring.append(hits.split('|'));
    resultstring.append('</span>');
    resultstring.append('</div>');
    }
    $('rlist').innerHTML=resultstring.tostring();
    for(var j=0;j<title.split('|').length;j++)
    {
     setstyle($('item'+j),'d');
  $('item'+j).displaySpan=$('hits'+j);
     setstyle($('title'+j),'t');
     setstyle($('hits'+j),'h');
    }
    showsearch(title.split('|').length);
    listlength=title.split('|').length;
    lastindex=-1;
}
else hiddensearch();
}
function ajaxsearch(value)
{
new Ajax.Request('search.php',{method:"get",parameters:"action=do&keyword="+escape(value),onComplete:showresult});
}
function main()
{
$('keyword').className=$('keyword').className=='inputblue'?'inputfocus':'inputblue';
if($F('keyword').Trim()=='')hiddensearch();
else
{
      if($F('keyword')!=''&&flag==false)ajaxsearch($F('keyword').Trim());
   if(listlength!=0)$('keyword').onkeydown=searchkeydown;
   else hiddensearch();
}
}
function oninit()
{
$('keyword').autocomplete="off";
$('keyword').onfocus=main;
$('keyword').onkeyup=main;
$('keyword').onblur=hiddensearch;
createlist();
}
Event.observe(window,'load',oninit);
</script>[/code]搜索框[        DISCUZ_CODE_3        ]就这么些,没加表明,不常间再加吧,加的话 能够去笔者的博客看看        DISCUZ_CODE_2        ]搜索框[        DISCUZ_CODE_3        ]就这几个,没加表达,有的时候间再加吧,加的话 能够去本身的博客看看];
       var hits=result.split('搜索框[        DISCUZ_CODE_3        ]就这个,没加表达,有的时候光再加吧,加的话 可以去本人的博客看看];
       var hits=result.split('搜索框[        DISCUZ_CODE_3        ]就那些,没加表达,不时间再加吧,加的话 能够去自个儿的博客看看        DISCUZ_CODE_2        ]搜索框[        DISCUZ_CODE_3        ]就那一个,没加表达,不时光再加吧,加的话 能够去本身的博客看看];
    for(var i=0;i<title.split('|').length;i++)
    {
    resultstring.append('<div id="item'+i+'">');
    resultstring.append('<span id=title'+i+'>');
    resultstring.append(title.split('|'));
    resultstring.append('</span>');
    resultstring.append('<span id=hits'+i+'>');
    resultstring.append(hits.split('|'));
    resultstring.append('</span>');
    resultstring.append('</div>');
    }
    $('rlist').innerHTML=resultstring.tostring();
    for(var j=0;j<title.split('|').length;j++)
    {
     setstyle($('item'+j),'d');
  $('item'+j).displaySpan=$('hits'+j);
     setstyle($('title'+j),'t');
     setstyle($('hits'+j),'h');
    }
    showsearch(title.split('|').length);
    listlength=title.split('|').length;
    lastindex=-1;
}
else hiddensearch();
}
function ajaxsearch(value)
{
new Ajax.Request('search.php',{method:"get",parameters:"action=do&keyword="+escape(value),onComplete:showresult});
}
function main()
{
$('keyword').className=$('keyword').className=='inputblue'?'inputfocus':'inputblue';
if($F('keyword').Trim()=='')hiddensearch();
else
{
      if($F('keyword')!=''&&flag==false)ajaxsearch($F('keyword').Trim());
   if(listlength!=0)$('keyword').onkeydown=searchkeydown;
   else hiddensearch();
}
}
function oninit()
{
$('keyword').autocomplete="off";
$('keyword').onfocus=main;
$('keyword').onkeyup=main;
$('keyword').onblur=hiddensearch;
createlist();
}
Event.observe(window,'load',oninit);
</script>[/code]搜索框[        DISCUZ_CODE_3        ]就那么些,没加表达,一时光再加吧,加的话 能够去自身的博客看看        DISCUZ_CODE_2        ]搜索框[        DISCUZ_CODE_3        ]就这一个,没加表明,有时光再加吧,加的话 能够去自身的博客看看];
    for(var i=0;i<title.split('|').length;i++)
    {
    resultstring.append('<div id="item'+i+'">');
    resultstring.append('<span id=title'+i+'>');
    resultstring.append(title.split('|'));
    resultstring.append('</span>');
    resultstring.append('<span id=hits'+i+'>');
    resultstring.append(hits.split('|'));
    resultstring.append('</span>');
    resultstring.append('</div>');
    }
    $('rlist').innerHTML=resultstring.tostring();
    for(var j=0;j<title.split('|').length;j++)
    {
     setstyle($('item'+j),'d');
  $('item'+j).displaySpan=$('hits'+j);
     setstyle($('title'+j),'t');
     setstyle($('hits'+j),'h');
    }
    showsearch(title.split('|').length);
    listlength=title.split('|').length;
    lastindex=-1;
}
else hiddensearch();
}
function ajaxsearch(value)
{
new Ajax.Request('search.php',{method:"get",parameters:"action=do&keyword="+escape(value),onComplete:showresult});
}
function main()
{
$('keyword').className=$('keyword').className=='inputblue'?'inputfocus':'inputblue';
if($F('keyword').Trim()=='')hiddensearch();
else
{
      if($F('keyword')!=''&&flag==false)ajaxsearch($F('keyword').Trim());
   if(listlength!=0)$('keyword').onkeydown=searchkeydown;
   else hiddensearch();
}
}
function oninit()
{
$('keyword').autocomplete="off";
$('keyword').onfocus=main;
$('keyword').onkeyup=main;
$('keyword').onblur=hiddensearch;
createlist();
}
Event.observe(window,'load',oninit);
</script>[/code]搜索框[        DISCUZ_CODE_3        ]就这个,没加表明,有时光再加吧,加的话 可以去小编的博客看看];
       var hits=result.split('搜索框[        DISCUZ_CODE_3        ]就这个,没加表明,有的时候间再加吧,加的话 可以去自身的博客看看        DISCUZ_CODE_2        ]搜索框[        DISCUZ_CODE_3        ]就这么些,没加表明,一时间再加吧,加的话 能够去笔者的博客看看];
    for(var i=0;i<title.split('|').length;i++)
    {
    resultstring.append('<div id="item'+i+'">');
    resultstring.append('<span id=title'+i+'>');
    resultstring.append(title.split('|'));
    resultstring.append('</span>');
    resultstring.append('<span id=hits'+i+'>');
    resultstring.append(hits.split('|'));
    resultstring.append('</span>');
    resultstring.append('</div>');
    }
    $('rlist').innerHTML=resultstring.tostring();
    for(var j=0;j<title.split('|').length;j++)
    {
     setstyle($('item'+j),'d');
  $('item'+j).displaySpan=$('hits'+j);
     setstyle($('title'+j),'t');
     setstyle($('hits'+j),'h');
    }
    showsearch(title.split('|').length);
    listlength=title.split('|').length;
    lastindex=-1;
}
else hiddensearch();
}
function ajaxsearch(value)
{
new Ajax.Request('search.php',{method:"get",parameters:"action=do&keyword="+escape(value),onComplete:showresult});
}
function main()
{
$('keyword').className=$('keyword').className=='inputblue'?'inputfocus':'inputblue';
if($F('keyword').Trim()=='')hiddensearch();
else
{
      if($F('keyword')!=''&&flag==false)ajaxsearch($F('keyword').Trim());
   if(listlength!=0)$('keyword').onkeydown=searchkeydown;
   else hiddensearch();
}
}
function oninit()
{
$('keyword').autocomplete="off";
$('keyword').onfocus=main;
$('keyword').onkeyup=main;
$('keyword').onblur=hiddensearch;
createlist();
}
Event.observe(window,'load',oninit);
</script>[

本文由威尼斯在线注册平台发布于热门新闻,转载请注明出处:ajax仿google搜索下拉提示

上一篇:威尼斯登录首页  用php来做采撷器首要用到多个函数,用来输入须要搜罗的书号 下一篇:没有了
猜你喜欢
热门排行
精彩图文