JS模仿IE自动完成功能支持Firefox-Firefox爱好者

JS模仿IE自动完成功能支持Firefox

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">   
  <HTML>   
  <HEAD>   
  <TITLE>   New   Document   </TITLE>   
  <META   NAME="Generator"   CONTENT="EditPlus">   
  <META   NAME="Author"   CONTENT="">   
  <META   NAME="Keywords"   CONTENT="">   
  <META   NAME="Description"   CONTENT="">   
  <style>   
  body,div   {   
  font-family:verdana;   
  line-height:100%;   
  font-size:9pt;   
  }   
  input   {   
  width:300px;   
  }   
  h1   {   
  text-align:center;   
  font-size:2.2em;   
  }   
  #divf   {   
  margin:10px;   
  font-size:0.8em;   
  text-align:center;   
  }   
  #divc   {   
  border:1px   solid   #333333;   
  }   
  .des   {   
  width:500px;   
  background-color:lightyellow;   
  border:1px   solid   #333;   
  padding:20px;   
  margin-top:20px;   
  }   
  .mouseover   {   
  color:#ffffff;   
  background-color:highlight;   
  cursor:default;   
  }   
  .mouseout   {   
  color:#000000;   
  background-color:#ffffff;   
  cursor:default;   
  }   
  </style>   
  <SCRIPT   LANGUAGE="JavaScript">   
  <!--   
    
  //   script   by   blueDestiny   
  //   email   :   blueDestiny   [at]   126   .   com   
    
  //   Object:   jsAuto   
  //   browser:   ie,   mf.   
  //   example:   
    
  //   step1   :     
  //   create   autocomplete   container,   return   object   and   bind   event   to   the   objce,   and     
  ///create   a   new   jsAuto   instance:   
  //   <div   id="divautocomplete"></div>   
  //   var   autocomplete   =   new   jsAuto("autocomplete","divautocomplete")   
  //   handle   event:   
  //   autocomplete.handleEvent(value,   returnObjectID)   
  //   <input   id="rautocomplete"   onkeyup="autocomplete.handleEvent(this.value,"ratocomplete")>   
    
  //   step2   :   
  //   add   autocompete   item:   
  //   autocomplete.item(string)   
  //   string   must   be   a   string   var,   you   can   split   the   string   by   ","   
  //   autocomplete.item("blueDestiny,never-online,csdn,blueidea")   
    
  //   http://www.never-online.com   
    
  function   jsAuto(instaceName,objID)   
  {   
  this._msg   =   [];   
  this._o   =   document.getElementById(   objID   );   
  if   (!this._o)   return;   
  this._f   =   null;   
  this._i   =   instaceName;   
  this._r   =   null;   
  this._v   =   null;   
  this._o.style.visibility   =   "hidden";   
  this._o.style.lineHeight   =   "120%";   
  this._o.style.position   =   "absolute";   
  this._o.style.zIndex   =   "9999";   
  return   this;   
  };   
    
  //   mouseEvent.   
  jsAuto.prototype.domouseover=function(obj)   
  {   
  obj.tagName=="DIV"   ?   obj.className="mouseover"   :   obj.parentElement.className="mouseover";   
  };   
  jsAuto.prototype.domouseout=function(obj)   
  {   
  obj.tagName=="DIV"   ?   obj.className="mouseout"   :   obj.parentElement.className="mouseout";   
  };   
  jsAuto.prototype.doclick=function(msg)   {   with   (this)   
  {   
  if(_r)   
  {   
  _r.value   =   msg;   
  _o.style.visibility   =   "hidden";   
  }   
  else   
  {   
  alert("javascript   autocomplete   ERROR   :\n\n   can   not   get   return   object.");   
  return;   
  }   
  }};   
    
  //   object   method;   
  jsAuto.prototype.item=function(msg)   
  {   
  if(   msg.indexOf(",")>0   )   
  {   
  var   arrMsg=msg.split(",");   
  for(var   i=0;   i<arrMsg.length;   i++)   
  {   
  arrMsg[i]   ?   this._msg.push(arrMsg[i])   :   "";   
  }   
  }   
  else   
  {   
  this._msg.push(msg);   
  }   
  this._msg.sort();   
  };   
  jsAuto.prototype.append=function(msg)   {   with   (this)   
  {   
  _i   ?   ""   :   _i   =   eval(_i);   
  var   div   =   document.createElement("DIV");   
    
  //bind   event   to   object.   
  div.onmouseover   =   function(){_i.domouseover(this)};   
  div.onmouseout   =   function(){_i.domouseout(this)};   
  div.onclick   =   function(){_i.doclick(msg)};   
  var   re     =   new   RegExp("("   +   _v   +   ")","i");   
  div.className   =   "mouseout";   
  if   (_v)   div.innerHTML   =   msg.replace(re   ,   "<strong>$1</strong>");   
  div.style.fontFamily   =   "verdana";   
    
  _o.appendChild(div);   
  }};   
  jsAuto.prototype.display=function()   {   with(this)   
  {   
  if(_f)   
  {   
  _o.style.left   =   _r.offsetLeft;   
  _o.style.width   =   _r.offsetWidth;   
  _o.style.top   =   _r.offsetTop   +   _r.offsetHeight;   
  _o.style.visibility   =   "visible";   
  }   
  else   
  {   
  _o.style.visibility="hidden";   
  }   
  }};   
  jsAuto.prototype.handleEvent=function(fValue,fID)   {   with   (this)   
  {   
  var   re;   
  _f   =   false;   
  _r   =   document.getElementById(   fID   );   
  _v   =   fValue;   
  _i   =   eval(_i);   
  re   =   new   RegExp("^"   +   fValue   +   "",   "i");   
    
  if(   fValue==""   )   return;   
  _o.innerHTML="";   
    
  for(var   i=0;   i<_msg.length;   i++)   
  {   
  if(re.test(_msg[i]))   
  {   
  _i.append(_msg[i]);   
  _f   =   true;   
  }   
  }   
    
  _i   ?   _i.display()   :   alert("can   not   get   instance");   
  }};   
  window.onerror=new   Function("return   true;");   
  //-->   
  </SCRIPT>   
  </HEAD>   
    
  <BODY>   
  <div   id="divc">   
  <!--this   is   the   autocomplete   container.-->   
  </div>   
  <h1>Autocomplete   Function</h1>   
  <div   align="center">   
  <input   onkeyup="jsAutoInstance.handleEvent(this.value,'auto')"   id="auto">   
  </div>   
  <div   id="divf">   
  Power   By   Miracle,   never-online   
  </div>   
    
  <SCRIPT   LANGUAGE="JavaScript">   
  <!--   
  var   jsAutoInstance   =   new   jsAuto("jsAutoInstance","divc");   
  jsAutoInstance.item("a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,j-start,k-start,l-start,m-start,n-start,o-start,p-start,q-start,r-start,s-start,t-start,u-start,v-start,w-start,x-start,y-start,z-start,z-start");   
  jsAutoInstance.item("blueDestiny");   
  jsAutoInstance.item("BlueMiracle,Blue");   
  jsAutoInstance.item("angela,geniuslau");   
  jsAutoInstance.item("never-online");   
  //-->   
  </SCRIPT>   
  </BODY>   
  </HTML>  <script language="Javascript"> 
var now = new Date(); 
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); 
</script> 
<noscript> 
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> 
</noscript>

Firefox爱好者

提供Mozilla Firefox火狐浏览器下载、扩展、插件、使用技巧以及Firefox中文版的最新资讯。

导航

2007-3-4 1:29:20

JS模仿IE自动完成功能支持Firefox

Tags: JS IE FireFox

最新版本Firefox下载:

收藏到网摘: 添加到雅虎收藏⁺

发布:火狐 | 分类:【Firefox】程序设计 | 评论:4 | 引用:0 | 浏览:

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.7 Laputa Build 70216

Copyright 2007 FireFoxFans.Com. All Rights Reserved.
浙ICP备07006558号

Firefox爱好者

提供Mozilla Firefox火狐浏览器下载、扩展、插件、使用技巧以及Firefox中文版的最新资讯。

导航

2007-3-4 1:29:20

JS模仿IE自动完成功能支持Firefox

Tags: JS IE FireFox

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.7 Laputa Build 70216

Copyright 2007 FireFoxFans.Com. All Rights Reserved. 浙ICP备07006558号

Copyright 2007 FireFoxFans.Com. All Rights Reserved.
浙ICP备07006558号