-
飞飞基于Ajax技术模仿google风格的输入框提示功能源码版本1.7
资源介绍
为达到最佳效果,推荐使用九网互联的ASP空间,支持绑定域名到目录。飞飞Ajax模仿google提示输入框 使用说明 v1.7本程序由飞飞asp乐园编写*************************************************特别感谢: 一杯白开水 网友 的帮助 版本所提的修改建议*************************************************飞飞Asp乐园www.ffasp.comQQ:276230416QQ:72840059*********************************************转载请注明出处此小程序是模仿Google(sgguest)输入提示框所编写亦可用于用户注册邮箱时的提示此程序使用方便简单、易用灵活且不限Asp、php、net更新说明:1.支持xhtml2.兼容IE6,IE7,FF3.支持input显示与value分离【以隐藏域方式提交数据】4.支持下拉框按钮5.支持显示结果数量6.可以一个页面多次使用7.模拟下拉框不会被select遮挡8.调用更方便(内核已改为jq插件)9.皮肤修改方便 ,外置的css样式文件,带有注释说明,任意修改10.支持键盘方向键按住不放选择11.解决了延时卡死的现象12.解决了在有滚动条时,ie6下被表单遮挡的问题13.支持回调函数。当该插件执行完毕时,执行另外一个指定函数14.可以自己设置提示框的长度15.解决了无法获取用户填写默认值的问题16.当输入框失去焦点时,提示框会自动隐藏******************************************************************文件使用说明:在需要使用的页面首先要引用2个js文件此二文件必须放于调用函数之前*****************************以下是调用示例*************************:var option = {inputName : 'test2',inputText : '测试字符串4',inputValue: '我是值',inputlength:1,url : 'search.asp',arrow :1,arrowUrl :'search.asp?aa=nowitest',zIndex:7,fns:function(){alert(3)}}$('#test').suggestShow(option)+++++++解释说明+++++++++++++++++++++++++++++++++++++++++++++++++++++++++option:为参数设置对象。option内的所有参数可以省略inputName 表单input的name.即 提交时获取input的name。也为search.asp页面获取input的nameinputText inputName 所显示的数据inputValue inputName 所提交的数据,当inputValue省略时,inputValue则与inputText相等url 远程执行获取数据的urlarrow 模仿select,使用下拉按钮。固定值。为1则显示下拉箭头 为0则不显示arrowUrl 当arrow为1时 ,默认情况下点击下拉按钮所执行的远程搜索页面zIndex z-index值inputlength inputName中输入数据的最小长度suggestWidth 提示框的长度fns 当执行完该插件时,执行的回调函数************************************************************************search.asp页面介绍:该页面返回数据必须是xml格式,输出数据数据必须符合以下格式显示信息属性介绍:1.value aa的value值,可以不填。不填value值则取'显示信息'2.result 显示远程获取的统计结果,可以不填。3.显示信息 即aa的显示值text值************************************************************************