- 浏览: 41792 次
最新评论
经测试,此插件兼容ie,chrome,firefox。 //autocomplete 0.2 ////////////////////////////////////////////////// /////////////////////////////////////////////////// //////////////////////// var g_divName = undefined; var g_ajaxFunc = undefined; var g_tbx = undefined; var g_hid = undefined; var g_funcMC = undefined; var g_funcHid = undefined; var g_funcBZ = undefined; var g_isInited = false; var g_zzArray; var g_isPaged = false; var g_pageMax = 10; var g_pageIndex = 1; //public////////////////////////////////////////// /////////////////////////////////////////////////// ///////////// //ajaxFunc:用于返回数组的ajax函数; //tbx:用于存放选中的内容的textbox的id; //hid:用于存放选中的隐藏属性的hidden的id; //funcMC(item):用于返回MC的函数; //funcHid(item):用于返回HID的函数; //funcBZ(item):用于返回BZ的函数; //divName:用于列出autoComplete的list的id; function onInitAutoComplete(ajaxFunc, tbx, hid, funcMC, funcHid, funcBZ, divList) { var tbTerm = document.getElementById(tbx); if (tbTerm == undefined) { return; } if (tbTerm.attachEvent) { tbTerm.attachEvent("onkeyup", onTextChange_ex); } else if (tbTerm.addEventListener) { tbTerm.addEventListener("keyup", onTextChange_ex, false); } g_ajaxFunc = ajaxFunc; g_tbx = tbx; g_hid = hid; g_funcMC = funcMC; g_funcHid = funcHid; g_funcBZ = funcBZ; g_isInited = true; if (arguments[6] == undefined) { g_divName = 'div_AutoComplete_list_wyyy'; var br = document.createElement("br"); var divList = document.createElement("DIV"); divList.id = g_divName; divList.style.zIndex = "10"; divList.style.textAlign = "left"; divList.style.position = "absolute"; divList.style.width = parseInt(tbTerm.style.width) + 7 + "px"; var praentElement = tbTerm.parentElement || tbTerm.parentNode; praentElement.appendChild(br); praentElement.appendChild(divList); document.getElementById(g_divName).style.display = ""; } else if (arguments[6] != undefined) { g_divName = divList; } } function setPageSize(pageSize) { g_pageMax = pageSize } function setListWidth(nWidth) { var divList = document.getElementById(g_divName); divList.style.width = nWidth; } function onTextChange_ex() { var tbx = document.getElementById(g_tbx); onTextChange(tbx); } function onTextChange(oText) { if (g_isInited == false) return; if (oText.value == null || oText.value == "") { document.getElementById(g_divName).innerHTML = ""; return; } var event = arguments[0] || window.event; var ls_keycode = event.keyCode || event.charCode; if (ls_keycode != 40 && ls_keycode != 38 && ls_keycode != 13) g_ajaxFunc(oText.value, f_createItemList); } //private///////////////////////////////////////// //////////////////////////////////////// function f_clrCurrent() { var ls_TRName = "tr" + g_nCurrentTr; var trObj = document.getElementById(ls_TRName); if (trObj != undefined) { f_ClrColor(trObj); } } function f_setCurrent() { var ls_TRName = "tr" + g_nCurrentTr; var trObj = document.getElementById(ls_TRName); if (trObj != undefined) { f_SetColor(trObj); } } function f_createItemList(ls_zzArray) { g_pageIndex = 1; g_zzArray = ls_zzArray; g_isPaged = false; var zzArray = ls_zzArray; var arrayLen = zzArray.length; if (arrayLen > g_pageMax) { arrayLen = g_pageMax; g_isPaged = true; } var ls_InnerHtml = f_createPage(0, arrayLen, zzArray); document.getElementById(g_divName).innerHTML = ls_InnerHtml; g_nCurrentTr = 0; f_setCurrent(); } //开始位置,长度,症状数组 function f_createPage(nPageStart, arrayLen, zzArray) { var ls_InnerHtml = ""; for (var i = nPageStart; i "; ls_InnerHtml += "" + g_funcMC(zzArray[i]) + ""; if (g_funcHid != undefined) ls_InnerHtml += ""; ls_InnerHtml += ""; if (g_funcBZ != undefined) ls_InnerHtml += "" + g_funcBZ(zzArray[i]) + ""; ls_InnerHtml += ""; } if (g_isPaged == true) { ls_InnerHtml += f_pageArray(zzArray); } ls_InnerHtml += ""; return ls_InnerHtml; } function f_pageGoto(nPageIndex) { g_pageIndex = nPageIndex; var zzArray = g_zzArray; var arrayLen = g_pageMax; if (g_zzArray.length - g_pageMax * (nPageIndex - 1) "; var nPageNum = zzArray.length / g_pageMax; if ((zzArray.length % g_pageMax) > 0) { nPageNum++; } for (var i = 1; i " + i + " "; } else { ls_InnerHtml += " " + i + " "; } } ls_InnerHtml += ""; return ls_InnerHtml; } function f_pageMouseOver(obj) { obj.style.cursor = "hand"; } function f_pageMouseOut(obj) { obj.style.cursor = "normal"; } var g_nOldColor; var g_nCurrentTr = 0; function f_SetColor(Obj) { g_nOldColor = Obj.style.backgroundColor; Obj.style.backgroundColor = "#99ccff"; } function f_ClrColor(Obj) { Obj.style.backgroundColor = g_nOldColor; } var g_isMouseOn = false; function f_mouseOn() { f_clrCurrent(); g_isMouseOn = true; } function f_mouseOut() { f_setCurrent(); g_isMouseOn = false; } function onTextSelected(obj) { var ls_idName = obj.id; var rowID = ls_idName.substr(2); ls_idName = "td" + rowID; var obj = document.getElementById(ls_idName); var obj2 = obj.childNodes[1].value; if (document.getElementById(g_hid) != undefined) document.getElementById(g_hid).value = obj2; var tbx_zz = document.getElementById(g_tbx); if (tbx_zz != undefined) { tbx_zz.value = obj.innerText || obj.textContent; tbx_zz.focus(); } document.getElementById(g_divName).innerHTML = ""; g_nCurrentTr = -1; g_isMouseOn = false; if (tbx_zz != undefined) { tbx_zz.focus(); } } document.onkeydown = function() { var event = arguments[0] || window.event; var ls_keycode = event.keyCode || event.charCode; switch (ls_keycode) { case 40: //down if (g_isMouseOn == true) return; var ls_TRNamePre = "tr" + g_nCurrentTr; var trObjPre = document.getElementById(ls_TRNamePre); if (trObjPre != undefined) { f_ClrColor(trObjPre); } g_nCurrentTr++; var ls_TRName = "tr" + g_nCurrentTr; var trObj = document.getElementById(ls_TRName); if (trObj != undefined) { f_SetColor(trObj); } else { g_nCurrentTr--; ls_TRName = "tr" + g_nCurrentTr; trObj = document.getElementById(ls_TRName); if (trObj != undefined) { f_SetColor(trObj); } } return false; case 38: //up if (g_isMouseOn == true) return; var ls_TRNamePre = "tr" + g_nCurrentTr; var trObjPre = document.getElementById(ls_TRNamePre); if (trObjPre != undefined) { f_ClrColor(trObjPre); } g_nCurrentTr--; var ls_TRName = "tr" + g_nCurrentTr; var trObj = document.getElementById(ls_TRName); if (trObj != undefined) { f_SetColor(trObj); } else { g_nCurrentTr++; ls_TRName = "tr" + g_nCurrentTr; trObj = document.getElementById(ls_TRName); if (trObj != undefined) { f_SetColor(trObj); } } return false; case 13: //enter ls_idName = "td" + g_nCurrentTr; var obj = document.getElementById(ls_idName); var obj2 = ""; if (obj != undefined) { obj2 = obj.childNodes[1].value; var tbx = document.getElementById(g_tbx) if (tbx != undefined) tbx.value = obj.innerText || obj.textContent; } if (document.getElementById(g_hid) != undefined) document.getElementById(g_hid).value = obj2; document.getElementById(g_divName).innerHTML = ""; g_nCurrentTr = -1; return false; case 27: //esc document.getElementById(g_divName).innerHTML = ""; break; default: break; } return true; } //end of autocomplete ////////////////////////////////////////////////// /////////////////////////////////////////////////// ///////////////////////////// 下次更新使用实例。
发表评论
-
“千年传承,再续辉煌”--广东阳江漠阳剑派
2014-10-31 00:33 1重剑无锋,大音希声,周星驰说折凳是最好的武器,我说看似嘻 ... -
数组、字符串
2012-07-06 09:51 7851 一维数组 数 ... -
java中正则表达式运用实例(用String类的matches方法演示)
2012-07-06 09:44 1474java中正则表达式运用实例(参看java中正则表达式运用 ... -
java 正则表达式
2012-07-06 09:37 729[b]Java [/b][b]正则表达式 [/b]在计算机 ... -
Flash CS5 用户自定义Button组件
2012-07-06 09:29 13152010/12/24 Flash CS5 用户自定义But ... -
005_《Delphi6组件大全》
2012-07-03 13:42 1000Delphi 教程系列书籍 (005) 《Delphi6组 ... -
005_《Delphi6组件大全》
2012-07-03 12:16 592Delphi 教程系列书籍 (005) 《Delphi6组 ... -
关于flexigrid一点用法
2012-07-02 10:12 812闲来无事在网上找了一个jquery的grid插件 flex ... -
jsp页面
2012-07-02 10:12 707做人,生活,学习,玩.... ... -
Mate-基于标签的框架
2012-07-02 10:12 778Mate 将会成为Flex领域的另一个热点。它使用设置(c ... -
Flex中要想使图表的横坐标轴标签成45度显示(2)
2012-07-02 10:11 837从外部引入样式 1.在外部src/assets目录文 ... -
Flex获取操作XML示例
2012-07-01 09:32 691/****** ".",&qu ... -
The architecture of Flex and Java applications two (Flex 和 Java 应用程序架构 2)
2012-07-01 09:31 948Flex and Java application ... -
Flex编程学习基础
2012-07-01 09:31 755Flex是Adobe公司推出 ... -
使用HTTPService读取远程XML文件为TREE赋值的例子
2012-07-01 09:31 717在FLEX4中 使用一个HTTPService 读取远程的 ... -
flex 通过HTTPService与php通信
2012-07-01 09:31 790最近研究HTTPService与php通信,去网上查了好多 ... -
解决Flex4 发布后访问 初始化极其缓慢的问题
2012-06-30 11:16 1382解决Flex4 发布后访问 初始化极其缓慢的问题 2011年 ... -
flex builder 3, flex builder 4下载与安装
2012-06-30 11:16 941flex builder 3, flex builder 4 ... -
Flex4之使用ActionScript构建组件
2012-06-30 11:16 572Flex4之使用ActionScript构 ... -
flex 开源项目组件大全
2012-06-30 11:16 1116flex 开源项目组件大全 2010年09月13日 Fl ...
相关推荐
jquery九宫格自动锁屏插件fcode.js实例源码
NULL 博文链接:https://zhuhong7000-gmail-com.iteye.com/blog/1399012
听书插件带教程、七牛云存储、百度自动推送、 2套收费白色模板+手机+电脑端、单本采集插件、3个采集规则、源码 1.先安装网站源码 2.其次安装其余插件和模板 ...自动推送js弋码插件·带教程(价值30元)
通用API天气预报插件源码 告别 iframe 和 Js调用的天气预报,这些天气预报插件大部分都有外连接,或者弹窗程序,调用速度也比较慢,样式也是由他们定制的,也许和您的网站外观很不匹配。 API天气预报插件的优点 1....
jQuery全屏滚动插件fullPage.js示例源码,支持全屏、自动、上下、左右滚动
超好用的js自动补全插件,源码简单易懂,可根据自己的需求更改,依赖的jQuery版本略js自动补全插件bigautocomplete
淘宝客程序全自动采集版源码是采用php+mysql进行开发的淘宝客自动采集源码。 淘宝客程序API自动更新自动采集版 sk-taokeapi-v6.0 无需人工操作,配置淘点金和爱淘宝的爱搭配。 适用版本:sk-taokeapi-v6.0 安装方法...
JSON 对比工具,优秀的JSON对比工具,自动格式化,对比JSON不同处,高亮显示,代码经过优化
自动生成chart源码,js的canvas绘制chartchart.zip
本项目是基于Python的Flask API文档自动生成插件设计源码,包含55个文件,其中主要包含12个py源代码文件,9个js脚本文件,6个png图片文件等。系统采用了Python编程语言,实现了Flask API文档的自动生成功能。项目...
我们在表单输入的时候,如要输入邮箱之类,只需输入...首先载入jQuery库和插件completer.js,当然还有相关CSS样式文件,这些都在源码下载里已打包好了。 [removed][removed] [removed][removed] <link href="comp
本资源包含5大插件、3条...自动推送js代码插件·带教程(价值30元) 电脑端白色模板·带安装教程(价值200元) 手机端白色模板·带安装教程(价值100元) 3个高质量采集规则(笔趣网·塔读文学·恋上你看书网)价值90元
JavaScript淘宝双11 、支付宝自动赚喵币脚本源码.zipJavaScript淘宝双11 、支付宝自动赚喵币脚本源码.zipJavaScript淘宝双11 、支付宝自动赚喵币脚本源码.zipJavaScript淘宝双11 、支付宝自动赚喵币脚本源码....
NULL 博文链接:https://992012.iteye.com/blog/1173866
仿百度输入自动补全源码 程序介绍: 使用的是Jquery的一个名叫 jquery.ui.autocomplete.js的插件做的。 后台只要返回 json格式的数据即可。 首先需要创建测试数据,使用sqlserver创建数据库,新建表添加数据。
NULL 博文链接:https://yuanzhengda666.iteye.com/blog/2233526
jQuery formValidator表单验证插件示例源码 jQuery formValidator表单验证插件是什么? jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的...
一个漂亮的的基于jQuery 实现的EasySlider图片滚动切换插件源码例子
Java开发的建站系统神器源码,目前已经有 10w+ 网站使用 JPress 进行驱动,其中包括多个政府机构,...插件被停止:该插件的所有Controller、Handler、Intercepter 自动被移除 插件被卸载:该插件的所有资源全部被删除