<< Tree-Navigation [109/117] >>

Tree-Navigation


Home / Stories / Tree-Navigation

Tree-navigation

Tree-Navigation



Navigation on these homepage left to be desired sometimes, since the structure and hierarchy of the sides were only with difficulty recognizable. Therefore I decided to use probably most popular and most common kind of navigation: tree navigation.
Solutions by means of Javascript:  First was planned to generate the complete tree by Javascript. This has however the disadvantage that search engines like Google cannot index the tree text. Furthermore one considered, to insert the complete tree into each side and fold by Javascript irrelevant ranges by setting the visibility on "invisibly". Here one has then however the problem that search engines index ev. a not visible range and which afterwards a visitor lands on a side where the search word is not visible. The moreover there are also Internet users, who has deactivated Javascript or use a very old Browser, which does not yet fully support DHTML. In this case one could not navigate through the sides. Furthermore also large files as a result of these techniques arise (complete tree enclosure approx. 12KB ) which can lead to long load times.
Used solution:  From these and also for other reasons I finally decided for a static solution. That is called that I wrote a small Java program, which generates the appropriate context-specific navigation tree automatically for each individual HTML-side of this homepage. As tree template a HTML list is used (nesting of ul-tags with appropriate side linking by a-tags) that is analyzed by the program. This technology has the advantage that one can use a HTML-WYSIWYG-editor for the tree editing, the linking relatively briskly provided is and an independence is reached to the actually used directory-structure. The program fills additionally still completely automatically the document title, the Bread Crumbs (current path to the home page) and the Site-Map.
Closing remark: Actually this would be a typical application for server technologies such as JSP or PHP. Unfortunately these technologies are not available to me with my current Webspace.


Visitors PageClicks Valid XHTML 1.0! Valid CSS!

CanciAbout meSite-MapRightsContactJSWins (JavaScript-Desktop-System)© 2004-2013 by Markus Krebs