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>     

   - Wikiwyg
     <!-- Wikiwyg (http://www.wikiwyg.net/) -->
     <link rel="stylesheet" type="text/css" href="/dhtml/wikiwyg/wikiwyg.css"/>
     <script type="text/javascript" src="/dhtml/wikiwyg/Wikiwyg.js"></script>
     <script type="text/javascript" src="/dhtml/wikiwyg/Wikiwyg/Toolbar.js"></script>
     <script type="text/javascript" src="/dhtml/wikiwyg/Wikiwyg/Wikitext.js"></script>

   - JSAN
     <!-- JSAN (http://openjsan.org/) -->
     <script type="text/javascript" src="/dhtml/jsan/JSAN.js"></script>
     [<script>JSAN.use('Digest.MD5');</script>]
     [<script>JSAN.use('List.Utils');</script>]
     [<script>JSAN.use('DOM.Events');</script>]
     [<script>JSAN.use('DOM.Utils);</script>]
     [<script>JSAN.use('DOM.Element);</script>]
     [<script>JSAN.use('DOM.Insert');</script>]
     [<script>JSAN.use('Function.bind');</script>]
     [<script>JSAN.use('File.Basename');</script>]

   - Jsolait
     <!-- JavaScript O Lait (http://jsolait.net/) -->
     <script type="text/javascript" src="/dhtml/jsolait/jsolait.js"></script>
     <script type="text/javascript">jsolait.baseURI='/dhtml/jsolait';</script>
   
   - Yahoo! User Interface Library
     <!-- Yahoo! User Interface Library (http://developer.yahoo.net/yui/) -->
     <script type="text/javascript" src="/dhtml/yui/YAHOO.js"></script>
     <script type="text/javascript" src="/dhtml/yui/animation.js"></script>
     <script type="text/javascript" src="/dhtml/yui/calendar.js"></script>
     <script type="text/javascript" src="/dhtml/yui/connection.js"></script>
     <script type="text/javascript" src="/dhtml/yui/dom.js"></script>
     <script type="text/javascript" src="/dhtml/yui/dragdrop-debug.js"></script>
     <script type="text/javascript" src="/dhtml/yui/dragdrop.js"></script>
     <script type="text/javascript" src="/dhtml/yui/event.js"></script>
     <script type="text/javascript" src="/dhtml/yui/slider-debug.js"></script>
     <script type="text/javascript" src="/dhtml/yui/slider.js"></script>
     <script type="text/javascript" src="/dhtml/yui/treeview-debug.js"></script>
     <script type="text/javascript" src="/dhtml/yui/treeview.js"></script>