首页 > 编程 > HTML > 正文

xzn_html_t-ree(1.0) 可折叠大纲

2020-03-24 15:50:05
字体:
来源:转载
供稿:网友

<?

/** 可折叠大纲

* 类名 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

* @

中国古近代历史研究网站[www.9-39.com]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." ";

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表