第一个就是自动完成的功能即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自动完成功能 | 站长学院 edu.cnzz.cn
回顾老版学院 | 加入收藏夹 | 设本站为浏览器首页
学院
下载
资讯
简体版|
繁体版
热点推荐 :
CSS布局 配色参考 Dreamweaver8 GoLive 5教程 Apache IIS6 Ajax
首页 | HOME
站长入门
网页设计
Html
CSS/Xhtml
Dhtml
Dreamweaver
Golive
平面动画
Photoshop
Firework
Flash
网站开发
Asp
.Net
Php
Jsp
Mssql
Access
Oracal
Mysql
服务器
Fressbsd
LINUX
Windows
手册大全
视频中心
17 星期日 07年6月
站长学院 >>
网页设计
>>
Dhtml
>> Ajax技术实践之完成Ajax自动完成功能
Ajax技术实践之完成Ajax自动完成功能
2007-10-4 17:05:00查看学习心得
收藏
{GetProperty(Content)}
站长排行
学院
新闻
专栏
盈利
如果你有站长界人事变动、重组并购、变革技术出现，以及产品投诉等重要新闻线索，请告诉我们，我们会给予特别关注。
0631-3653338
站长中国编辑部
站长中国24小时新闻热线： 13256307008
收藏本文
打印本文
告诉好友
投稿邮箱
评论加载中…
