<?xml version="1.0" encoding="utf-8"?>
<!-- 
 This file is part of the DITA Open Toolkit project hosted on
 Sourceforge.net. See the accompanying license.txt file for
 applicable licenses.
 
 (C) Copyright Shawn McKenzie, 2007. All Rights Reserved.
 *-->
<?xml-stylesheet href="../../../../xsl/ditaview_shell.xsl" type="text/xsl"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN"
 "../../../../dtd/concept.dtd">
<concept id="tocjs_about" xml:lang="en-us">
 <title>About tocjs</title>
 <shortdesc>JavaScript TOC Navigation Plugin for the DITA Open Toolkit's XHTML output.</shortdesc>
 <conbody>
  <p>The tocjs plugin generates a Table of Contents for the DITA Open Toolkit's XHTML output that can expand and
   collapse nodes. It is a more usable and visually pleasing option than the standard
    <filepath>index.html</filepath> generated by the Open Toolkit's <codeph>dita2html</codeph>
   transformation.</p>
  <p>The JavaScript code used in this plugin is derived from the Yahoo YUI Treeview widget. This
   plugin goes a long way to making DITA XHTML output slick and professional looking for a web site
   or custom built help engine.</p>
  <p>Beginning with DITA-OT version 1.5.4, the code has been updated to supply default framesets using
   the same look-and-feel as this sample documentation. Existing users with customized tocjs processing
   will not notice a change; new users will immediately get working tocjs based output. If you want
   your own look and feel, rather than that of the samples, you will need to customize several
   things to get it working properly with your project. </p>
  <note type="note">All examples in this documentation assume a Unix style file separator. If you
   are on a Windows machine, replace the '<codeph>/</codeph>' character with a '<codeph>\</codeph>'
   character for all file paths.</note>
 </conbody>
 <related-links>
  <link href="http://developer.yahoo.com/yui/treeview/" scope="external" type="html">
   <linktext>Yahoo! Treeview Widget</linktext>
   <desc>http://developer.yahoo.com/yui/treeview/</desc>
  </link>
  <link href="http://wsa.sophos.com/docs/ws1000/" scope="external" format="html">
   <linktext>Sophos tocjs output</linktext>
   <desc>http://wsa.sophos.com/docs/ws1000/</desc>
  </link>
 </related-links>
</concept>
