<!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;
width:100%;
cursor:default;
}
.mouseout {
color:#000000;
width:100%;
background-color:#ffffff;
cursor:default;
}
</style>
< 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 object, 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",event)>
// 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
//instanceName为你生成的实例名，objID为监听的对象ID
//具体请见最下面的例子
function jsAuto(instanceName,objID)
{
//初始化成员；
//_msg: 预先实例化的自动完成内容
this._msg = [];
this._x = null;
this._o = document.getElementById( objID );
if (!this._o) return;
//标志flag的缩写
this._f = null;
//instanceName的缩写
this._i = instanceName;
//返回的对象
//returnObject
this._r = null;
//按上下键时，得到当前的mouseover是第几个元素
//count
this._c = 0;
//是否可以执行按上下键
//selectflag
this._s = false;
//Value的缩写
this._v = null;
//初始化object的状态
this._o.style.display = "none";
this._o.style.position = "absolute";
this._o.style.zIndex = "9999";
this._offset=function(e)
{
var t = e.offsetTop;
var l = e.offsetLeft;
var w = e.offsetWidth;
var h = e.offsetHeight;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
return {
t : t,
l : l,
w : w,
h : h
}
}
return this;
};
//触发的按上下的键盘事件
//效率不算高，可优化
jsAuto.prototype.directionKey=function() { with (this)
{
var e = _e.keyCode ? _e.keyCode : _e.which;
var l = _o.childNodes.length;
(_c>l-1 || _c<0) ? _s=false : "";
if( e==40 && _s )
{
_o.childNodes[_c].className="mouseout";
(_c >= l-1) ? _c=0 : _c ++;
_o.childNodes[_c].className="mouseover";
}
if( e==38 && _s )
{
_o.childNodes[_c].className="mouseout";
_c--<=0 ? _c = _o.childNodes.length-1 : "";
_o.childNodes[_c].className="mouseover";
}
if( e==13 )
{
if(_o.childNodes[_c] && _o.style.display=="block")
{
_r.value = _x[_c];
_o.style.display = "none";
}
}
if( !_s )
{
_c = 0;
_o.childNodes[_c].className="mouseover";
_s = true;
}
}};
// mouseEvent.
// 鼠标事件
jsAuto.prototype.domouseover=function(obj) { with (this)
{
_o.childNodes[_c].className = "mouseout";
_c = 0;
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.display = "none";
}
else
{
alert("javascript autocomplete ERROR :\n\n can not get return object.");
return;
}
}};
// object method;
// 对象的原型方法
// 添加项目;
// 可以用英文,分割
// JK说的是对的，我当初也是不想用逗号的
// 如果你不想用,分割，可自己改写这里
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);
_x.push(msg);
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.style.lineHeight="140%";
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&&_v!="")
{
var l = _offset(_r);
_o.style.left = l.l;
_o.style.width = l.w;
_o.style.top = l.t + l.h;
_o.style.display = "block";
_o.style.display = "block";
}
else
{
_o.style.display="none";
}
}};
jsAuto.prototype.handleEvent=function(fValue,fID,event) { with (this)
{
var re;
_e = event;
var e = _e.keyCode ? _e.keyCode : _e.which;
_x = [];
_f = false;
_r = document.getElementById( fID );
_v = fValue;
// 这里用eval，返回生成的实例对象。
_i = eval(_i);
re = new RegExp("^" + fValue + "", "i");
_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");
if(_f)
{
// 触发上下键盘的事件
if((e==38 || e==40 || e==13))
{
_i.directionKey();
}
else
{
_c=0;
_o.childNodes[_c].className = "mouseover";
_s=true;
}
}
}};
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',event)" id="auto">
</div>
<div id="divf">
Power By Miracle, never-online
</div>
< 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>
</body></html>
<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;
width:100%;
cursor:default;
}
.mouseout {
color:#000000;
width:100%;
background-color:#ffffff;
cursor:default;
}
</style>
< 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 object, 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",event)>
// 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
//instanceName为你生成的实例名，objID为监听的对象ID
//具体请见最下面的例子
function jsAuto(instanceName,objID)
{
//初始化成员；
//_msg: 预先实例化的自动完成内容
this._msg = [];
this._x = null;
this._o = document.getElementById( objID );
if (!this._o) return;
//标志flag的缩写
this._f = null;
//instanceName的缩写
this._i = instanceName;
//返回的对象
//returnObject
this._r = null;
//按上下键时，得到当前的mouseover是第几个元素
//count
this._c = 0;
//是否可以执行按上下键
//selectflag
this._s = false;
//Value的缩写
this._v = null;
//初始化object的状态
this._o.style.display = "none";
this._o.style.position = "absolute";
this._o.style.zIndex = "9999";
this._offset=function(e)
{
var t = e.offsetTop;
var l = e.offsetLeft;
var w = e.offsetWidth;
var h = e.offsetHeight;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
return {
t : t,
l : l,
w : w,
h : h
}
}
return this;
};
//触发的按上下的键盘事件
//效率不算高，可优化
jsAuto.prototype.directionKey=function() { with (this)
{
var e = _e.keyCode ? _e.keyCode : _e.which;
var l = _o.childNodes.length;
(_c>l-1 || _c<0) ? _s=false : "";
if( e==40 && _s )
{
_o.childNodes[_c].className="mouseout";
(_c >= l-1) ? _c=0 : _c ++;
_o.childNodes[_c].className="mouseover";
}
if( e==38 && _s )
{
_o.childNodes[_c].className="mouseout";
_c--<=0 ? _c = _o.childNodes.length-1 : "";
_o.childNodes[_c].className="mouseover";
}
if( e==13 )
{
if(_o.childNodes[_c] && _o.style.display=="block")
{
_r.value = _x[_c];
_o.style.display = "none";
}
}
if( !_s )
{
_c = 0;
_o.childNodes[_c].className="mouseover";
_s = true;
}
}};
// mouseEvent.
// 鼠标事件
jsAuto.prototype.domouseover=function(obj) { with (this)
{
_o.childNodes[_c].className = "mouseout";
_c = 0;
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.display = "none";
}
else
{
alert("javascript autocomplete ERROR :\n\n can not get return object.");
return;
}
}};
// object method;
// 对象的原型方法
// 添加项目;
// 可以用英文,分割
// JK说的是对的，我当初也是不想用逗号的
// 如果你不想用,分割，可自己改写这里
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);
_x.push(msg);
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.style.lineHeight="140%";
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&&_v!="")
{
var l = _offset(_r);
_o.style.left = l.l;
_o.style.width = l.w;
_o.style.top = l.t + l.h;
_o.style.display = "block";
_o.style.display = "block";
}
else
{
_o.style.display="none";
}
}};
jsAuto.prototype.handleEvent=function(fValue,fID,event) { with (this)
{
var re;
_e = event;
var e = _e.keyCode ? _e.keyCode : _e.which;
_x = [];
_f = false;
_r = document.getElementById( fID );
_v = fValue;
// 这里用eval，返回生成的实例对象。
_i = eval(_i);
re = new RegExp("^" + fValue + "", "i");
_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");
if(_f)
{
// 触发上下键盘的事件
if((e==38 || e==40 || e==13))
{
_i.directionKey();
}
else
{
_c=0;
_o.childNodes[_c].className = "mouseover";
_s=true;
}
}
}};
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',event)" id="auto">
</div>
<div id="divf">
Power By Miracle, never-online
</div>
< 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>
</body></html>
分享到：
发表评论
-
JSON.parse() 与 eval()
2012-01-12 11:31 16077JSON(JavaScript Object Notation ... -
jsp端自动下载并保存图片文件
2011-04-21 23:38 1552JScript code <script languag ... -
iFrame只要竖滚动条，不要横滚动条
2011-04-15 23:22 2383如题，就是在网页中，只显示右侧的垂直滚动条，而不要底部的水平滚 ... -
点击按钮保存网页中指定的图片，利用js实现
2011-04-15 00:50 4305有时候在网页上需要禁用右键菜单，但是需要点击某一按钮保存指定的 ... -
js正则验证
2011-03-31 22:47 767引用网址 http://hi.baidu.com/qui ... -
JavaScript相关文章推荐
2011-03-18 00:27 2827判断js数组包是否包含某个元素 要判断数组中是否包含某个元素 ... -
js 数组array的方法介绍
2011-03-18 00:23 831最近用到了Array就对其 ... -
百度代码搜索，谷歌搜索
2011-03-07 23:55 924<!DOCTYPE HTML PUBLIC " ... -
Javascript的调试利器Firebug使用详解
2011-02-25 23:46 843Javascript的调试利器Firebug使用详解.doc -
IE和Firefox浏览器下javascript、CSS兼容性研究
2011-02-25 21:53 877IE和Firefox浏览器下javascript、CSS兼容性 ... -
JS验证日期时间是否合法
2011-02-17 21:00 1958/^(19|20)\d{2}-(0?\d|1[012])-(0 ... -
正则表达式的JS验证
2011-02-17 20:38 795/判断输入内容是否为空 function IsNull ... -
JS函数 验证日期合法(测试通过)
2011-02-17 20:07 1162<script type="text/java ... -
CSS 制作的三级菜单
2011-02-10 13:11 1065<html> <head> <m ... -
竖向显示，向右弹出的3级层导航菜单特效
2011-02-10 13:08 1445<!DOCTYPE html PUBLIC " ... -
CSS+JS三级滑动菜单
2011-02-10 13:06 1435<html> <head> <t ...
相关推荐
C#中实现combobox的自动完成功能
本主题将深入探讨如何在Delphi中实现自动完成功能，这类似于Internet Explorer（IE）浏览器中的自动填充功能。 自动完成功能是许多用户界面中的一个常见特性，特别是在文本输入框中。它能够提高用户的输入效率，...
#### 一、开启IE自动完成功能 1. **打开IE浏览器**：首先启动您的IE浏览器。 2. **进入“工具”菜单**：点击右上角的“工具”按钮（通常显示为齿轮图标），选择“Internet选项”。 3. **进入“内容”标签页**：在弹...
### 精彩编程与编程技巧：为文本框添加IE5的自动完成功能 #### 概述 本文档将详细介绍如何在Visual Basic (VB) 应用程序中为标准文本框和组合框添加Internet Explorer 5 (IE5) 的自动完成功能。此功能能够显著提升...
- **网页表单：** 可以选择是否启用网页表单的自动完成功能。 - **网页地址：** 启用此选项可以让IE在地址栏中提供自动完成建议。 - **清除表单：** 清除所有已保存的表单数据。 - **清除密码：** 删除所有已...
在VC++编程环境中，开发一个类似IE浏览器地址栏的自动填充功能是一项常见的需求。这个功能主要是为了提升用户体验，让用户在输入网址时能够快速找到并选择曾经访问过的网站地址。本项目名为“VC++仿IE地址栏网址自动...
本程序"C#控制IE自动访问网站的程序"旨在提供一个解决方案，使用C#编程语言来实现这一功能。C#是一种强大的、面向对象的编程语言，特别适合开发Windows应用程序，包括与Internet Explorer（IE）浏览器交互的应用。 ...
最后，IE自动完成密码查看功能则是针对浏览器的自动填充功能。浏览器通常会记住用户在表单中输入过的用户名和密码，以便下次自动填充。如果用户想要查看或清除这些存储的密码，侠客密码查看器能够提供帮助。 总之，...
在“控制IE自动登录淘宝网页”的场景中，这可能涉及到编写一段JavaScript或者VBScript代码，利用ActiveX接口来执行这些操作。 但是，值得注意的是，ActiveX控件的安全性和兼容性问题限制了它的广泛应用。由于...
标题中的"C#操作IE浏览器自动填表...以上就是关于“C#操作IE浏览器自动填表”这一主题的一些关键知识点，学习并掌握这些将有助于你理解和实现类似的功能。如果你在实践中遇到问题，可以通过私信与作者沟通，共同进步。
IE浏览器的下拉过滤功能，实际上是自动完成（AutoComplete）或自动填充（AutoFill）的一种实现方式，它通过分析用户的输入历史，动态地提供匹配的建议列表，帮助用户快速找到并选择目标内容。 首先，我们需要理解这...
程序通过自动填充功能，填写网页表格完成自动提交，适用于群发博文，邮件等操作。 软件开发由EtSoftware工作室研发。用户可根据设定的配置文件。定时发送相关内容。 程序仅用于学习使用不得用于商业用途，违法规定...
`neverModules-autocomplete`是一个针对IE6.0到Opera 9.0，以及Mozilla 1.5.0以上版本的跨浏览器库，它提供了强大的自动完成功能。这个库的特点包括： 1. **速度（Speed）**：通过缓存机制，可以显著提高响应速度，...
然而，原生的ComboBox控件并不支持自动完成功能，即用户在输入时自动提示匹配的选项。为了解决这个问题，我们可以自定义ComboBox控件或者利用现有的扩展库来实现这个功能。本文将详细讲解如何在C#的Windows Forms ...
在IT行业中，Visual C++（简称VC++）是一种强大的编程工具，主要用于开发Windows平台...通过这些技术，开发者可以创建一个能控制IE自动刷新的定制控件。理解并掌握这些概念对于进行Windows平台的高级应用开发至关重要。
标题“IE6 autocomplete”指的是在Internet Explorer 6浏览器中自动完成功能的问题。这个功能是浏览器为表单字段提供的一种便利，它会记住用户先前输入的信息，在用户再次填写时自动填充。然而，由于IE6的局限性和...
《cmb-china 小工具开发笔记—IE自动填表器—第一篇》 在IT行业中，工具的开发和使用是提升工作效率的关键。本篇开发笔记将聚焦于一个特定的小工具——IE自动填表器，它主要用于自动化网页表单的填写工作，尤其在...
标签中的“google自动,google效果,google提示”强调了Google搜索引擎在这个功能上的应用，以及它带给用户的体验——即“自动提示”或“自动完成”。这些标签也暗示了这种功能不仅限于Google，也可能被其他应用程序或...
标题中的“IE浏览器自动下载并运行.exe程序 demo”是指一种技术实现，允许用户在使用Internet Explorer（简称IE）浏览网页时，通过特定的机制下载.exe可执行文件，并且在下载完成后立即自动运行。这种功能主要涉及到...
安装过程中，系统会自动检测当前的IE版本和系统配置，并引导用户完成升级流程。这个过程可能包括接受许可协议、选择安装选项（通常是默认的全部功能）以及等待安装进度完成。安装完毕后，系统可能会提示重启以完成...