openpkg-packages/dhtml/dhtml.txt

To use these JavaScript libraries...

1. In the Apache webserver configuration:

   Alias /dhtml <prefix>/share/dhtml

2. In your HTML code:

   - for Prototype:
     <!-- Prototype (http://prototype.conio.net/) -->
     <script type="text/javascript" src="/dhtml/prototype/prototype.js"></script>

   - for Rico/Prototype (notice that it uses a different prototype.js!):
     <!-- Rico (http://openrico.org/) -->
     <script type="text/javascript" src="/dhtml/rico/prototype.js"></script>
     <script type="text/javascript" src="/dhtml/rico/rico.js"></script>

   - for Scriptaculous (notice that it uses a different prototype.js!):
     <!-- script.aculo.us (http://script.aculo.us/) -->
     <script type="text/javascript" src="/dhtml/scriptaculous/prototype.js"></script>
     <script type="text/javascript" src="/dhtml/scriptaculous/scriptaculous.js"></script>

   - for IE7:
     <!-- IE7 Compliance Patch (http://osdn.dl.sourceforge.net/ie7/) -->
     <!--[if lt IE 7]>
     <script type="text/javascript">IE7_PNG_SUFFIX = "-T.png";</script>
     <script type="text/javascript" src="/dhtml/ie7/ie7-standard-p.js"></script>
     <![endif]-->

   - for DHTML mktree:
     <!-- DHTML Tree (http://www.mattkruse.com/javascript/mktree/) -->
     <link rel="stylesheet" href="/dhtml/mktree/mktree.css" />
     <script type="text/javascript" src="/dhtml/mktree/mktee.js"></script>

   - for TinyMCE:
     <!-- TinyMCE (http://tinymce.sf.net/) -->
     <script type="text/javascript" src="/dhtml/tinymce/tiny_mce_src.js"></script>

   - for DOL:
     <!-- DynamicOptionList (http://www.mattkruse.com/javascript/dynamicoptionlist/) -->
     <script type="text/javascript" src="/dhtml/dol/dol.js"></script>

   - for OS3Grid:
     <!-- OS3Grid (http://os3grid.sf.net/) -->
     <link type="text/css" rel="stylesheet" href="/dhtml/os3grid/os3grid.css"/>
     <script type="text/javascript" src="/dhtml/os3grid/os3grid.js"></script>

   - for Tool-Man:
     <!-- Tool-Man (http://tool-man.org/) -->
     <script type="text/javascript" src="/dhtml/toolman/core.js"></script>         
     <script type="text/javascript" src="/dhtml/toolman/events.js"></script>       
     <script type="text/javascript" src="/dhtml/toolman/css.js"></script>          
     <script type="text/javascript" src="/dhtml/toolman/coordinates.js"></script>  
     <script type="text/javascript" src="/dhtml/toolman/drag.js"></script>         
     <script type="text/javascript" src="/dhtml/toolman/dragsort.js"></script>     

   - Behaviour:
     <!-- Behaviour (http://bennolan.com/behaviour/) -->
     <script type="text/javascript" src="/dhtml/behaviour/behaviour.js"></script>