These scripts are designed for students of Japanese who are learning the Hiragana and Katakana syllabaries.
This script reads data in from a gedcom file and displays a family tree in a folding tree format.
This script reads data from a text file - in this case stocks.txt, and writes it to a dynamically-created table. Clicking on the table header cells will cause the table to be sorted. The demo is configured to sort numerical values in descending numerical order and text values in ascending alphabetic order. This configuration can be easily modified.
This version of the sortable table script reads data from an XML file - in this case stocks.xml, and writes it to a dynamically-created table. Table headers are generated automatically from the element names in the XML file.
This script reads data from a text file (teams.txt) and writes it to a dynamically-created table. As the page loads the table is sorted automatically according to the value in the far right column. Maintenance of the table simply consists of updating the values in the database teams.txt.
This utility will display the DOM tree for an HTML file of your choice. Both static and dynamically-written elements will be displayed.
This script generates the tree structure of an XML file (an XSL stylesheet testfile.xsl is provided to illustrate the scope of the script.) The script suppresses #text nodes as these are treated differently by Internet Explorer and Mozilla depending upon whether they represent whitespace only. The script caters for 8 levels of element nesting.
These scripts generate drop-down menu bars. The floating menubar maintains its position as the page scrolls.
An interesting script which simulates a card index file and could be used as a menu.
A demonstration of how to achieve a Flash-like text fade effect using javascript.
The <MARQUEE> tag introduced by Microsoft did not gain acceptance as a standard. Consequently if you wish to have a cross-browser marquee on your site you have to make one yourself.
A bit of fun, but with a serious side, demonstrating some aspects of object-oriented programming in javascript.
An example of the power of javascript!
Another piece of mathematical fun.
Fancy a ticker-tape scroller on your site?
A utility to help you find just the right shade for your colour scheme.
These scripts can be used to display family trees. The binary tree is used to show a person's ancestors rather than descendants.
An old javascript favourite!
A drag and drop version of this old favourite.
Are you fit to drive? - this utility will tell you!