Recently I wonted to create a tree control with a different approach. The requirement was to represent a node tree with main node on the circle center and it's child nodes projected on a circle around it. This is what i wanted.
My solution has 5 files
prototype.js
This is a handy javascript framework. You can download the latest version from there website ( www.prototypejs.org/download ). I am using this to simply handle the onload event in the page.
circle.html
script.js
node-main-left.gif
node-sub-left.gif
The circle.html, prototype.js and the script.js files are in the root folder and the two images are inside a folder named “images”.
This is how the html file looks(circle.html).
<html>
<head>
<script src="prototype.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<script language="javascript" xml:space