实践ajax 1

刚开始学习ajax的一些东西，这里是一些笔记。

成果：

1. scriptaculous的成果
2. dojo的成果

目的：
实现一个渐出的留言表格

工具：

1. scriptaculous
2. dojo

实现：

• 使用scriptaculous

使用scriptaculous的effect包。在scriptaculous的主页有各种effects的 在线演示，通过这些演示选择了BlindDown()和BlindUp()两个Effects。

js 代码

 

1. var s = true;  
2. function c(){  
3.     var con = $('con1');  
4.     if(s){  
5.         new Effect.BlindDown(con);  
6.         s = false;  
7.     }else{  
8.         new Effect.BlindUp(con);  
9.         s = true;  
10.     }  
11. }  

• 使用dojo

dojo也有一个类似的effect包，名字叫做lfx。在dojo的网站也有 在线演示 在里面的see it in action tab里面，dojo到底是个大东西，看他的演示的时候偶的浏览器动作超级缓慢，延时严重。不知道大家是不是也有类似的经历，如果这么慢得速度的话，看样子这个framework还有优化的必要。

js 代码

 

1. var s = true;  
2. function c(){  
3.     var con = $('con1');  
4.     if(s){  
5.         dojo.lfx.html.fadeIn(con, 300).play();  
6.         s = false;  
7.     }else{  
8.         dojo.lfx.html.fadeOut(con, 300).play();  
9.         s = true;  
10.     }  
11. }  

小结：
初次接触javascript的编程，感觉debug是个大问题。firebug是个很好的工具，这里是firebug的一个 使用演示
scriptaculous的效果好看一些，dojo的文档多一些。
scriptaculous没有widget。