«
»
第一个就是自动完成的功能即Autocomplete,具体的例子可以在这里看: http://www.b2c-battery.co.uk
在Search框内输入一个产品型号,就可以看见效果了。
这里用到了一个开源的代码: AutoAssist ,有兴趣的可以看一下。
以下为代码片断:
index.htm
<script type="text/javascript" src="javascripts/prototype.js"></script>
<script type="text/javascript" src="javascripts/autoassist.js"></script>
<link rel="stylesheet" type="text/css" href="styles/autoassist.css"/>
<div>
<input type="text" name="keyword" id="keyword"/>
<script type="text/javascript">
Event.observe(window, "load", function() {
var aa = new AutoAssist("keyword", function() {
return "forCSV.php?q=" + this.txtBox.value;
});
});
</script>
</div>
不知道为什么不能用keywords做文本框的名字,我试了很久,后来还是用keyword,搞得还要修改原代码。
forCSV.php
<?php
$keyword =
Ajax技术实践之完成Ajax自动完成功能 - 站长学院
最新更新 |
加入收藏 | 设为首页首页
互联网软件
IDC产品
站长交易
项目外包
商业信息
招聘
公司库
- 资 讯
- 下 载
- 学 院
- 工 具
- 论 坛
热门关键字:CSS布局配色参考Dreamweaver8 apacheApacheIIS6AjaxWML
Ajax技术实践之完成Ajax自动完成功能
2007-10-4 17:05:00查看学习心得
{GetProperty(Content)}
本文作者:
«
»