Children:
Parents:
Jumps:
Latest:
Pins:
Thought #1
Thought #2
Thought #3
Searchbox:

Instructions for Testbrain2, using brain2.js (new version):

Preparing PersonalBrain file:

Make sure that every Thought has a webpage attached with an absolute URL (http://www.somedomain.com/somepage.htm). (It can also be of the form http://#)

Close PB with Ctrl pressed: this makes the .brn file more compact and removes possible errors.

Preparing the xml:

Open BrainUtil version 1.2 and load .brn file.

Press 'Save As'. Make sure you tick 'Export to web format' and 'XML'. Do not choose Notes, Attachments, Graphics and brain Preferences.

Click OK and save the xml file. The example used here has been named 'Testbrain.xml'.

To adjust the JavaScript, open brain2.js.
Somewhere in the beginning of the script you will notice the following line:

xmlDoc.load("Testbrain.xml");

Here you can fill in the name of your xml file.

A bit further down you'll find:

var HrefOfRelatedThought = '<a href="index.html#'+ IdOfRelatedThought + '" onClick="window.location.reload()">' + NameOfRelatedThought + '</a>'

Replace index.html with the name of the file you are using.

That's it.

Preparing your html file:

Below is the code I have used for the navigation table on the top left of this page:

<table width="100%" border="1" cellpadding="5" cellspacing="0" summary="layout">
<tr>
<td width="200" valign="top">
<table width="200" border="1" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" summary="brain_navigation_menu">
<tr>
<td bgcolor="#FFFFFF"><div id="main""></div></td>
</tr>
<tr>
<td>Children:</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><div id="children"></div></td>
</tr>
<tr>
<td>Parents:</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><div id="parents"></div></td>
</tr>
<tr>
<td>Jumps:</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><div id="jumps"></div></td>
</tr>
</table>
<script language="JavaScript" type="text/JavaScript" src="brain2.js"></script>
</td>
</tr>
</table>