飞飞Ajax模仿google提示输入框 使用说明 v1.6
本程序由飞飞asp乐园编写
*************************************************
特别感谢: 要学就学精 网友 的帮助 版本所提的修改建议
*************************************************
飞飞Asp乐园
www.ffasp.comQQ:276230416
QQ:72840059
*********************************************
程序介绍:
本程序官网演示地址:
http://www.ffasp.com/content.asp?newsid=1311飞飞Asp技术乐园转载请注明出处
此小程序是模仿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.支持回调函数
。当该插件执行完毕时,执行另外一个指定函数
******************************************************************
文件使用说明:
在需要使用的页面首先要引用2个js文件
<script src="jquery1.2.6.min.js"></script>
<script src="search_suggest.js"></script>
此二文件必须放于调用函数之前
*****************************以下是调用示例*************************:
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
。飞飞A,sp技术乐园也为search.asp页面获取input的name
inputText inputName 所显示的数据
inputValue inputName 所提交的数据,当inputValue省略时,inputValue则与inputText相等
url 远程执行获取数据的url
arrow 模仿select,使用下拉按钮
。飞飞Asp技术乐@园固定值
。为1则显示下拉箭头 为0则不显示
arrowUrl 当arrow为1时 ,默认情况下点击下拉按钮所执行的远程搜索页面
zIndex z-index值
inputlength inputName中输入数据的最小长度
fns 当执行完该插件时,执行的回调函数
************************************************************************
search.asp页面介绍:
该页面返回数据必须是xml格式,输出数据数据必须符合以下格式
<response value="1" result ="共2个结果">显示信息</response>
属性介绍:
1.value aa的value值,可以不填
。不填value值则取"显示信息"
2.result 显示远程获取的统计结果,可以不填
。3.显示信息 即aa的显示值text值
************************************************************************