'; var w=window.open(); w.document.write(s); } function hover(el) { el.oldclass=el.className; el.className=el.className+'Hover'; } function unhover(el) { el.className=el.oldclass; } function addOne() { new Node({name:''}); } function loadExample() { new Node({name:'Boss of Org',email:'boss@example.com'},[ new Node({name:'One Manager',email:'man1@example.com'},[ new Node({name:'B. Fast',email:'bfast@example.com'},[ new Node({name:'Bea Worker',email:'beaworker@example.com'}), new Node({name:'D. Plebian',email:'dplebian@example.com'}) ]) ]), new Node({name:'Manny Two',email:'man2@example.com'},[ new Node({name:'Slick Talkman',email:'stalkman@example.com'},[ new Node({name:'Patricia Guru',email:'pguru@example.com'}), new Node({name:'Mark Time',email:'mtime@example.com'}) ]), new Node({name:'D. Warbucks',email:'dwarbucks@example.com'}), new Node({name:'Berry Smart',email:'bsmart@example.com'}) ]) ]); renderIt(); }

Create organizational charts

This is some experimental code from 2001. Now (2004) this code has been used as a basis for an xsl that transforms an xml file containing the orgchart data. Xopus, the friendly (and coolest) XML editor, is turned into an orgchart editor with this transformation. Being able to change the organisational data format, and the rendering by changing the XSL, Xopus is absolutely the most configurable orgchart editor. Go take a look at the demo.