UltraDev 4系列插件教程(7)

王朝other·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

插件名字

版本

类型

作者

下载该插件

dHTML Outlines

1.7.7

Object

泥人-4u2v

这是一个对象插件,创建资源管理器形式的下拉菜单(折叠树),新的1.7.7版(如图所示)。这个插件要ie4以上版本或者netscap 6才支持。说明以英文版Dreamweaver Ultradev为准。

安装后可以从object面板或者菜单 Insert -> Outlines 打开插件的设置面板。

插件的控制面板很简单,如图所示:

||||||选择details标签,我们可以看到,面板上共有三个地方可供我们设置。

Base Name for Outlines: 这个随便你填写,但要求是一个有效的名称,他只是在呆会儿要生成的javascript代码中充当一个参数的角色,不会在网页中显示出来。注意,不能包含空格。

Add Heading: 就是你想要在网页中显示的树干,至于树枝的内容要待会儿在网页中才能修改。如图所示:

Text Indent of Child Items : 树枝内容的缩进数,你可以按自己的需要选择。上图为默认的缩进量显示效果。

Include Latin Filler Text: 大概就是用一段拉丁文来描述说明,无关紧要,可采用默认值false.

点击create后插件就生成了这样一个页面:

接下来我们的工作就是要修改黑底部分的内容为你自己想显示的内容,如上图所示。修改完毕后,预览。

察看网页源代码,我们就可以看到:

<div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exheading">hello3</div>

<div id="helloChildhello3" style="cursor:auto" class="exindent">Hello world!!</div>

这样,如果我们要从数据库中的数据动态生成折叠树的话就很容易了,只需把要显示的字段代替hello world!!,如就行了。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航