This applet generates a searchable, clickable organizational chart based on the data provided in a text file, ocgen3_try.txt. Please note that the indentations in this text file are optional and are shown for illustrating the hierarchy.Usage:
GO To handle a bug in IE3.0
- You can arbitrarily drag the chart by enabling the "Translate" checkbox.
- You can search for any text in the chart. The search is case insensitive. Click on the reset button every time you change the search string. To search for the next occurrence of the same string, however, click on the search button consecutively.
- You can double-click on any of the names to access detailed database of the employee. The target frame for the displayed pages can be specified through the applet param tag.
- Initial positioning of the chart, box height/width and box horizontal/vertical spacing can be specified through applet params.
- Number of strings in each box can be a maximum of 4. String spacing can be controlled through the applet param STRINGSPACE. specified through the applet param.
- A second demo of this applet reading another text file, ocgen3_try1.txt can be viewed in ocgen3_try1.html.
- Please note that when a tree need to be attached to the end of a "vert" branch the text file needs to be more elaborate as illustrated in these two examples: ocgen3_try2.html and ocgen3_try3.html.
To handle a bug in IE3.0
Here are the files necessary to test the applet locally:
- Download ocgen3_try.class, ocgen3_tryElement.class, ocgen3_tryLayout.class , ocgen3_tryString.class, ocgen3.html and ocgen3_try.txt, all in one directory.
- Here is a zip file ocgen3_try.zip that contains all the files necessary for the examples shown here.
- Point the browser to ocgen3.html
- The data file consists of three kinds of lines.
- Lines starting with n0,n1,etc., that specify the name,title of each employee, etc. A maximum of four such strings can be specified. Example:
n0:"John Doe":"CEO":"jdoe@com.com":"555-1234":ff6666
The last field ff6666 specifies whether to "fill" the box with a color.- Lines starting with url that specifies the URL for the corresponding box. If there is no URL needed then specify a zero-length string ("").
- Lines starting with L like (L:n0:n1:n2:n17:hor) where n0 is head and n1,n2 and n17 are tails with a horizontal layout.
- You'll be able to test upto 30 boxes with these files.
Home Nalla Senthilnathan