Source Code
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Barnaby Norman - Org Chart</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="/siteStuff/site.css" type="text/css" />
<link rel="icon" type="image/png" href="/siteStuff/favicon.ico" />
</head>
<body onload="loadMenu(2, 1)">
<script type="text/javascript" src="/menu/menu.js"></script>
<script type="text/javascript" src="org.js"></script>
<div id="headnav">
<a name="top"></a>
<h1>Barnaby Norman</h1>
<h2>Family Tree Charts</h2>
<div id="headmenu">
<a href="http://www.deta-it.co.uk/">Barnaby Norman Home Page</a>
|
<a href="http://www.deta-it.co.uk/siteStuff/">Site Map</a>
|
<a href="http://www.familynorman.org.uk/">Family Norman Genealogy Site</a>
|
<a href="http://www.deta-it.co.uk/contact/">Contact Me</a>
</div>
</div>
<div id="layout_3">
<div id="leftbar">
<div id="leftLinks">
</div>
</div>
<div id="rightbar">
</div>
<div id="content">
<div id="tree">
<p><br /><br /><br /><br /><br /><br /></p>
</div>
<form action="#">
<table>
<tr>
<td><b><label>Parents:</label></b></td>
<td><input type="text" id="parents" style="width:9cm;" /></td>
</tr>
<tr>
<td><b><label>Child:</label></b></td>
<td><input type="text" id="child" style="width:9cm;" /></td>
</tr>
</table>
<p>
<input type="hidden" id="children" />
<input type="submit" id="btnaddChild" onclick="addChild(); return false;" value="Add" />
<input type="submit" id="btnDeleteChild" onclick="deleteChild(); return false;"
value="Remove Last Child" disabled="disabled" />
<input type="submit" id="btnClear" onclick="clearAll(); return false;" value="Clear All" />
<input type="submit" id="btnAddData" onclick="addData(); return false;" value="Add Demo Data" />
</p>
</form>
<h2>How to Use</h2>
<h3>Creating a tree:</h3>
<ul>
<li>Enter the name(s) of the parent(s) in the "Parents" box</li>
<li>Enter the name of the first child in the "Child" box</li>
<li>Click the "Add" button</li>
</ul>
<h3>Adding multiple children at the same time:</h3>
<ul>
<li>Enter all children's names separated with a comma to separate them. For example "Bob, Bill, Sue"</li> </ul> <h3>Remove the last child:</h3> <ul> <li>Click the "Remove Last Child" button</li> </ul> <h3>Clear the tree:</h3> <ul> <li>To remove all names from the tree click the "Clear All" button</li> </ul> <h3>Add some demo data:</h3> <ul> <li>To add some demo data and see the tree click the "Add Demo Data" button</li> </ul> </div> </div> </body> </html>'