实践ajax 1

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

成果：

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

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

工具：

1. scriptaculous
2. dojo

实现：

• 使用scriptaculous

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

js 代码

var s = true;
function c(){
    var con = $('con1');
    if(s){
        new Effect.BlindDown(con);
        s = false;
    }else{
        new Effect.BlindUp(con);
        s = true;
    }
}

• 使用dojo

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

js 代码

var s = true;
function c(){
    var con = $('con1');
    if(s){
        dojo.lfx.html.fadeIn(con, 300).play();
        s = false;
    }else{
        dojo.lfx.html.fadeOut(con, 300).play();
        s = true;
    }
}

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

评论

3 楼 tiw 2007-02-25  

搞定了，这个服务器的apache每周日都重启。

2 楼 daoger 2007-02-25  

LZ的两个连接页面都有问题啊！

1 楼 tiw 2007-02-25  

从blog自动发到论坛的文章是不全的