| HTML |
|---|
<div<script idtype="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>
text/javascript" src="/download/attachments/51118113/jit.js"></script>
<script type="text/javascript" src="/download/attachments/51118113/init.js"></script>
<link type="text/css" href="/download/attachments/51118113/Hypertree.css" rel="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="container">
<div id="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>
|
...