手机
当前位置:查字典教程网 >网页设计 >脚本HTML教程 >xzn_html_tree(1.0) 可折叠大纲
xzn_html_tree(1.0) 可折叠大纲
摘要:

  <?
/** 可折叠大纲
* 类名 Tree
* 存放位置 xzn/html/tree.php
*/
/** 节点类
* 用于在树中保存相关参数
*
* @param $id节点号
* @param $text节点标题
* @param $value 节点参数,一般为url
* @param $image 节点图片
*/
class TreeNode {
var $id;
var $text;
var $value;
var $image;
function TreeNode($id,$text,$value,$image) {
$this->id = $id;
$this->text = $text;
$this->value = $value;
$this->image = $image;
}
}
/** 树类
* 用于保存和输出可折叠大纲
* 可折叠大纲使用FrontPage 2000的JavaScript脚本
*
* 方法
* set()
* 设置节点,节点编号采用1.2.3.4或1-2-3-4的形式。
* 无层次限制。输入次序不限。
* @param $id节点号
* @param $text节点标题
* @param $value 节点参数,一般为url
* @param $image 节点图片
*
* display()
* 向页面输出可折叠大纲
*
* 属性
* @public $node 数组,用于保存节点
* @public $jspath 脚本outline.js存放位置
*/
class Tree {
var $node;
var $jspath;
function set($id,$text,$value="",$image="plus.gif") {
$d = split("[.-]",$id);
$e = "";
for($i=0;$i<count($d);$i++)
$e .= "[".$d][$i]."]";
$n = new TreeNode($id,$text,$value,$image);
eval("$p=&$this->node$e;");
$p[node] = $n;
}
function display() {
echo '<script language="JavaScript" fptype="dynamicoutline">'." ";
echo '<!--'." ";
echo 'function dynOutline() {}'." ";
echo '//-->'." ";
echo '</script>'." ";
echo '<script language="JavaScript1.2" fptype="dynamicoutline" src="'.$jspath.'outline.js">'." ";
echo '</script>'." ";
echo '<script language="JavaScript1.2" fptype="dynamicoutline" for="document" event="onreadystatechange()">'." ";
echo '<!--'." ";
echo 'initOutline()'." ";
echo '//-->'." ";
echo '</script>'." ";
echo '<table dynamicoutline initcollapsed border="0" cellpadding="0" cellspacing="0"onclick="dynOutline()">'." ";
ksort($this->node);
reset($this->node);
while(list($key,$value) = each($this->node)) {
$this->next($value,0);
}
echo "</table> ";
}
function next($node,$level) {
if(! is_array($node))
return;
if(isset($node[node])) {
//echo $level.",".$node[node]->id.",".$node[node]->text.",".$node[node]->value.",".$node[node]->image." ";
echo '<tr>'." ";
echo '<td valign="baseline" width="42"><img src="'.$node[node]->image.'"></td>'." ";
echo '<td valign="top" width="100%">';
if(empty($node[node]->value))
echo $node[node]->text." ";
else
echo '<a href="'.$node[node]->value.'">'.$node[node]->text."</a> ";
echo '<table border="0" cellpadding="0" cellspacing="0" width="100%">'." ";
}
if(count($node) == 1) {
echo "</td></tr> </table> ";
return;
}
ksort($node);
reset($node);
while(list($key,$value) = each($node)) {
$this->next($value,$level+1);
}
echo "</td></tr> </table> ";
}
}
?>

【xzn_html_tree(1.0) 可折叠大纲】相关文章:

HTML代码:带有图片预览功能的上传表单

HTML语言剖析(十一) 排版标记

网页设计中优化图片的6大技巧

html有序无序定义列表

(X)HTML Strict 下的嵌套规则

HTML中Id和Name的区别

python通过字典dict判断指定键值是否存在的方法

添加和删除HTML节点的简单示例

DIV与SPAN之间有什么区别?

XUL中如何插入一段HTML内容

精品推荐
分类导航