-
模仿Google百度的Ajax输入框提示功能 v1.8
资源介绍
Ajax模仿google提示输入框 使用说明 v1.8
本程序由飞飞asp乐园编写
*************************************************
特别感谢: 一杯白开水 网友 的帮助 版本所提的修改建议
*************************************************
飞飞Asp乐园
www.ffasp.com
QQ:276230416
QQ:72840059
*********************************************
程序介绍:
本程序官网演示地址:http://www.ffasp.com/content.asp?newsid=1376
转载请注明出处
此小程序是模仿Google(sgguest)输入提示框所编写
亦可用于用户注册邮箱时的提示
此程序使用方便简单、易用灵活
且不限Asp、php、net
更新说明:
1.支持xhtml
2.兼容IE6,IE7,FF
3.支持input显示与value分离【以隐藏域方式提交数据】
4.支持下拉框按钮
5.支持显示结果数量
6.可以一个页面多次使用
7.模拟下拉框不会被select遮挡
8.调用更方便(内核已改为jq插件)
9.皮肤修改方便 ,外置的css样式文件,带有注释说明,任意修改
10.支持键盘方向键按住不放选择
11.解决了延时卡死的现象
12.解决了在有滚动条时,ie6下被表单遮挡的问题
13.支持回调函数。当该插件执行完毕时,执行另外一个指定函数
######V1.7解决问题############
14.可以自己设置提示框的长度
15.解决了无法获取用户填写默认值的问题
16.当输入框失去焦点时,提示框会自动隐藏
######V1.8解决问题############
17.解决了鼠标无法选择的问题
******************************************************************
文件使用说明:
在需要使用的页面首先要引用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的name
inputText inputName 所显示的数据
inputValue inputName 所提交的数据,当inputValue省略时,inputValue则与inputText相等
url 远程执行获取数据的url
arrow 模仿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值
************************************************************************
- 上一篇: 密码登录界面.rar
- 下一篇: VC++6.0实效编程百例