Ajax技术实践之完成Ajax自动完成功能
点击次数：37 次 发布日期：2008-11-26 22:46:14 作者：源代码网
|
源代码网推荐
近日学习了一下AJAX，照做了几个例子，感觉比较新奇。
第一个就是自动完成的功能即Autocomplete,具体的例子可以在这里看： http://www.b2c-battery.co.uk
在Search框内输入一个产品型号，就可以看见效果了。
这里用到了一个开源的代码： AutoAssist ，有兴趣的可以看一下。
以下为代码片断： index.htm
＜script type="text/javascript" src="http://www.zzchn.com/edu/20071117/javascripts/prototype.js">＜/script>
＜script type="text/javascript" src="http://www.zzchn.com/edu/20071117/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)}
源代码网供稿. |
