在揭开Dreamweaver插件的神秘面纱,先让我们来看看DW肚子里到底有些什么,在这儿我就拿Dreamweaver4.0开刀了。打开Dreamweaver4.0所在目录下的Configuration子目录,你会看到分门别类许多小目录,在这些目录中大多藏的都是HTML文件,而Dreamweaver正是通过这些HTML文件中的特殊语法标识来设定软件运行环境的。由于篇幅有限,在这里我只将其中与本文有关的目录做个介绍,至于其余的东东,如果你有兴趣的话,不妨做个备分然后自己慢慢琢磨。
Behaviors目录这个Behaviors目录就同Dreamweaver中的Behaviors面板中的内容一一对应,整个Behaviors目录又分为Actions和Events。先说Events目录,这里边存着的是不同版本的浏览器信息,信息保存的方式很简单,看到那里面的HTML文件了吗,看看他们的原代码你就明白是怎么回事了。所以以后就可以做个比如专门for Opare的Event在Dreamweaver的Behaviors面板中调用了。再说Actions目录,那里面都是宝,就是在Dreamweaver的Behaviors面板按下那个加号出现的各种Javascript特效。至于如何做自己的Action嘛,文章后头会告诉你的(先买个关子xixix),有点要注意的是不要去打Dreamweaver自带的Actions的主意,如果放错了位置就不好使了。而且从网上下载来的Actions作者一般都说明了该放的目录,如果你想让它起作用的话,就得乖乖听作者的话。
Objects目录这个目录和Dreamweaver中的Objects面板相对应,在Objects目录下还有许多子目录,每一个子目录就是Objects面板下的一个类(实在想不出好名字的,就姑且叫它“类”吧)。在这些子目录下面放着各个HTML文件就是在Objects面板中用户可以选择插入的东东,而每个HTML文件都对应一个18*18大小的同名图案,这些图案就是出现在Objects面板里的图标。
一个最简单的Object 新建一个HTML文件,在里面打些字,比如“谢天谢地,总算这个教程还不至于太糟糕”。OK,在Objects目录下新建一个目录,起个自己喜欢的名字,然后把刚才那个写了字的HTML文件保存到目录下,保存的时候也给起个好名字。重新运动Dreamweaver,打开Objects面板,默认的类是Common。在Common上按一下鼠标选中上一步中新建的那个目录的名字,瞧见刚才保存的那个HTML文件了吗,摁一下。对了,这就是一个最简单的Object。
Object进阶Dreamweaver规定了作为Object的HTML文件要在其中用javascript写入一个名为objectTag的函数,然后由Dreamweaver将objectTag的返回值写入页面中去。而在页面布局中可以通过表单元素加事件处理器实现互交。置于具体的细节,不是一两片文章能够讲清楚的。所以建议感兴趣的朋友多看看各种Objects的原代码,在这里贴上一个我作的可设置参数的插入mailto标签的Object。在贴原代码前,有几点说明:Object文件不支持〈a href〉标签,如果要值入超链,可以通过onclik之类的事件处理器打开新窗口实现。(例:一个用来插入mailto标签的Object)
关于Action Action的原理和Object相同,但要比Object复杂多得多,至于详细的内容可以参考Macromedia提供的Dreamweaver behavior development kit & tutorial(可以在Macromedia的网站中下载)