source: branches/dev/html/test/kakinaka/yui/folders.tpl @ 8

Revision 8, 3.5 KB checked in by root, 17 years ago (diff)

new import

Line 
1<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3
4<head>
5<title>Yahoo! UI Library - Tree Control</title>
6<link rel="stylesheet" type="text/css" href="yui/css/screen.css">
7</head>
8 
9<body onload="treeInit()">
10
11<link rel="stylesheet" type="text/css" href="yui/css/folders/tree.css">
12
13<div id="pageTitle">
14    <h3>Tree Control</h3>
15</div>
16
17<script type="text/javascript" src="js/yahoo/yahoo.js" ></script>
18
19<!-- The following are required for the logger -->
20<script type="text/javascript" src="js/event/event.js"></script>
21<script type="text/javascript" src="js/dom/dom.js"></script>
22<script type="text/javascript" src="js/logger/logger.js"></script>
23<!-- End logger reqs -->
24
25<script type="text/javascript" src="js/treeview/treeview.js" ></script>
26
27<div id="content">
28    <form name="form_tree" method="post" action="<!--{$smarty.server.PHP_SELF}-->">
29    <input type="hidden" name="now_date" value="">
30        <div class="newsItem">
31            <h3>Folders</h3>
32            <p></p>
33            <div id="expandcontractdiv">
34                <a href="javascript:tree.expandAll()">Expand all</a>
35                <a href="javascript:tree.collapseAll()">Collapse all</a>
36            </div>
37            <div id="treeDiv0"></div>
38            <div id="treeDiv1"></div>
39            <div id="treeDiv2"></div>
40            <div id="treeDiv3"></div>
41            <div id="treeDiv4"></div>
42        </div>
43    </form>
44</div>
45
46<div id="footerContainer">
47    <div id="footer">
48        <p>&nbsp;</p>
49    </div>
50</div>
51
52
53<script type="text/javascript">
54
55    var tree;
56    var nodes = new Array();
57    var nodeIndex;
58   
59    function treeInit() {
60        //buildRandomTextNodeTree();
61    }
62   
63    function buildRandomTextNodeTree() {
64        tree = new YAHOO.widget.TreeView("treeDiv1");
65
66        for (var i = 0; i < <!--{$tpl_days}-->; i++) {
67            var tmpNode = new YAHOO.widget.TextNode("unko-" + i, tree.getRoot(), false);
68            buildRandomTextBranch(tmpNode);
69        }
70
71        tree.draw();
72    }
73
74    var callback = null;
75
76    function buildRandomTextBranch(node) {
77   
78        if (node.depth < 4) {
79            for ( var i = 0; i < Math.floor(0.6 * 4) ; i++ ) {
80                var tmpNode = new YAHOO.widget.TextNode(node.label + "-" + i, node, false);
81                buildRandomTextBranch(tmpNode);
82            }
83        }
84    }
85   
86   
87// ¥Ä¥ê¡¼¥Ç¡¼¥¿
88var data = <!--{$data}-->
89
90//¤³¤³¤«¤é²¼¤Ï¿¨¤é¤Ê¤¯¤Æ¤âOK
91//(namespace¤Ï»È¤ï¤Ê¤¯¤Æ¤âÆ°ºî¤·¤Þ¤¹)
92YAHOO.namespace('treefolder');//¥«¥¹¥¿¥Þ¥¤¥º¤·¤¿´Ø¿ô¤Ê¤ÉÍѤË̾Á°¶õ´Ö¤òÍÑ°Õ¤·¤Æ¤ª¤­¤Þ¤¹
93YAHOO.treefolder.tree = function(tree,data) {
94    this.data = data;
95    this.tree = tree;
96
97    //TreeÉÁ²è
98    this.mkTree = function (oj,node){
99        for(var i in oj){
100            if(typeof oj[i] != "number" && i != "_href"){
101                if(typeof oj[i]["_index"] == "number"){
102                    var tmpNode = new YAHOO.widget.TextNode("" + i, node, false, oj[i]["_index"]);
103                }else{
104                    var tmpNode = new YAHOO.widget.TextNode("" + i, node, false);
105                }
106               
107                if(typeof oj[i] == "string")tmpNode.href= oj[i];
108                if(typeof oj[i] == "object"){
109                    if(typeof oj[i]["_href"] == "string")tmpNode.href= oj[i]["_href"];
110                    if(oj[i]["_open"]==1)tmpNode.expand();
111                    this.mkTree(oj[i],tmpNode);
112                }
113            }
114        }
115        tree.draw();
116    }
117}
118
119//½é´ü²½
120YAHOO.treefolder.treeIni = function(){
121
122    var tree = new YAHOO.widget.TreeView("treeDiv1");//treeDiv1¤Ïɽ¼¨¤¹¤ëDIV¤ÎID̾¤Ç¤¹
123    test1 = new YAHOO.treefolder.tree(tree,data);//¤³¤³¤ÇTree¥Ç¡¼¥¿¤òÅϤ·¤Þ¤¹
124    test1.mkTree(test1.data, tree.getRoot());
125}
126
127//¥Ú¡¼¥¸Æɤ߹þ¤ß¸å¤Ë¥«¥¹¥¿¥Þ¥¤¥º´Ø¿ôYAHOO.treefolder.treeIni()¤òµ¯Æ°¤·¤Þ¤¹
128YAHOO.util.Event.addListener(window, 'load', YAHOO.treefolder.treeIni);
129
130</script>
131
132</body>
133</html>
134 
Note: See TracBrowser for help on using the repository browser.