HTML |
---|
<link<script type="text/cssjavascript" hrefsrc="/download/Jitattachments/css51118113/basejit.css" rel="stylesheet" />
<linkjs"></script>
<script type="text/cssjavascript" hrefsrc="/download/Jitattachments/css51118113/Hypertreeinit.css" rel="stylesheet" />
<scriptjs"></script>
<link type="text/javascriptcss" srchref="/download/attachments/Jit51118113/pageHypertree.jscss"></script>
<div idrel="container">
<div id="left-container">
<div class="text">
<h4>Tree Animation</h4>
A static JSON Tree structure is used as input for this animation.<br /><br />
Clicking on a node should move the tree and center that node.<br /><br />
The centered node's children are displayed in a relations list in the right column.
</div>
<div id="id-list"></div>
<div style="text-align:center;"><a href="example1.js">See the Example Code</a></div>
</div>stylesheet" /> |
Hypertree json |
---|
spacekey | atlassian |
---|
pagetitle | Atlassian Home |
---|
|
Click on a node to Center on it - RightClick it to go to the Page
See the Creating the HyperTree for creating this beast.
HTML |
---|
<center><div id="log" style="display:none;margin: 0 auto;"></div></center>
<div id="center-container">
<div styleid="width: 1000px;center-container">
<div id="infovis"></div>
</div>
<div id="right-container">
<div id="inner-details"></div>
</div>
<div id="log style="display:none;width: 100%; margin: 0 auto;"></div>
</div> |
...