BlogJava-小海贼的夜晚-随笔分类-Javascriptshttp://www.blogjava.net/pirate/category/2336.htmlzh-cnFri, 09 Mar 2007 03:31:20 GMTFri, 09 Mar 2007 03:31:20 GMT60dtree examplehttp://www.blogjava.net/pirate/archive/2005/07/27/8534.html海贼海贼Wed, 27 Jul 2005 03:37:00 GMThttp://www.blogjava.net/pirate/archive/2005/07/27/8534.htmlhttp://www.blogjava.net/pirate/comments/8534.htmlhttp://www.blogjava.net/pirate/archive/2005/07/27/8534.html#Feedback0http://www.blogjava.net/pirate/comments/commentRss/8534.htmlhttp://www.blogjava.net/pirate/services/trackbacks/8534.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
 <title>Destroydrop &raquo; Javascripts &raquo; Tree</title>
 <link rel="StyleSheet" href="dtree.css" type="text/css" />
 <script type="text/javascript" src="dtree.js"></script>

</head>
<body>
<h1><a href="/">Destroydrop</a> &raquo; <a href="/javascripts/">Javascripts</a> &raquo; <a href="/javascripts/tree/">Tree</a></h1>

<h2>Example</h2>
<div class="dtree">
 <p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a> | <a href="javascript: d.openTo(4, true);">close all</a></p>
 <script type="text/javascript">
  <!--

  d = new dTree('d');
  d.config.target = "mytarget";
  d.config.folderLinks = false;

  d.add(0,-1,'My example tree');
  d.add(1,0,'Node 1','example01.html','444444');
  d.add(2,0,'Node 2','example01.html');
  d.add(3,1,'Node 1.1','example01.html');
  d.add(4,0,'Node 3','example01.html');
  d.add(5,3,'Node 1.1.1','example01.html');
  d.add(6,5,'Node 1.1.1.1','example01.html');
  d.add(7,0,'Node 4','example01.html');
  d.add(8,1,'Node 1.2','example01.html');
  d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
  d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
  d.add(11,9,'Mom\'s birthday','example01.html');
  d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');

  document.write(d);

  //-->
 </script>

</div>
<p><a href="mailto&#58;drop&#64;destroydrop&#46;com">&copy;2002-2003 Geir Landr&ouml;</a></p>
</body>

</html>



海贼 2005-07-27 11:37 发表评论
]]>dtree apihttp://www.blogjava.net/pirate/archive/2005/07/27/8532.html海贼海贼Wed, 27 Jul 2005 03:33:00 GMThttp://www.blogjava.net/pirate/archive/2005/07/27/8532.htmlhttp://www.blogjava.net/pirate/comments/8532.htmlhttp://www.blogjava.net/pirate/archive/2005/07/27/8532.html#Feedback0http://www.blogjava.net/pirate/comments/commentRss/8532.htmlhttp://www.blogjava.net/pirate/services/trackbacks/8532.htmlFunctions

add()

Adds a node to the tree.
Can only be called before the tree is drawn.

id, pid and name are required.

Parameters

Name Type Description
id Number Unique identity number.
pid Number Number refering to the parent node. The value for the root node has to be -1.
name String Text label for the node.
url String Url for the node.
title String Title for the node.
target String Target for the node.
icon String Image file to use as the icon. Uses default if not specified.
iconOpen String Image file to use as the open icon. Uses default if not specified.
open Boolean Is the node open.

Example

mytree.add(1, 0, 'My node', 'node.html', 'node title', 'mainframe', 'img/musicfolder.gif');


openAll()

Opens all the nodes.
Can be called before and after the tree is drawn.

Example

mytree.openAll();


closeAll()

Closes all the nodes.
Can be called before and after the tree is drawn.

Example

mytree.closeAll();


openTo()

Opens the tree to a certain node and can also select the node.
Can only be called after the tree is drawn.

Parameters

Name Type Description
id Number Identity number for the node.
select Boolean Should the node be selected.

Example

mytree.openTo(4, true);

Configuration

Variable Type Default Description
target String true Target for all the nodes.
folderLinks Boolean true Should folders be links.
useSelection Boolean true Nodes can be selected(highlighted).
useCookies Boolean true The tree uses cookies to rember it's state.
useLines Boolean true Tree is drawn with lines.
useIcons Boolean true Tree is drawn with icons.
useStatusText Boolean false Displays node names in the statusbar instead of the url.
closeSameLevel Boolean false Only one node within a parent can be expanded at the same time. openAll() and closeAll() functions do not work when this is enabled.
inOrder Boolean false If parent nodes are always added before children, setting this to true speeds up the tree.

Example

mytree.config.target = "mytarget";



海贼 2005-07-27 11:33 发表评论
]]>