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://www.prototypejs.org/) -->
     <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>

   - Google AJAXSLT
     <!-- Google AJAXSLT (http://goog-ajaxslt.sourceforge.net/) -->
     <script type="text/javascript" src="/dhtml/ajaxslt/dom.js"></script>
     <script type="text/javascript" src="/dhtml/ajaxslt/misc.js"></script>
     <script type="text/javascript" src="/dhtml/ajaxslt/xpath.js"></script>
     <script type="text/javascript" src="/dhtml/ajaxslt/xslt.js"></script>

   - Adobe Spry
     <!-- Adobe Spry (http://labs.adobe.com/technologies/spry/) -->
     <script type="text/javascript" src="/dhtml/spry/xpath.js"></script>
     <script type="text/javascript" src="/dhtml/spry/SpryData.js"></script>

   - Dojo
     <!-- Dojo (http://dojotoolkit.org/) -->
     <script type="text/javascript" src="/dhtml/dojo/dojo.js"></script>
     [<script type="text/javascript">dojo.require("dojo.<xxx>.<xxx>");</script>]

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

   - FFJS
     <!-- FF JavaScript Library (http://fforw.de/post/ff_javascript_library/) -->
     <script type="text/javascript" src="/dhtml/ffjs/ff.js"></script>

   - DWT
     <!-- Inline DHTML Window Toolkit (http://sourceforge.net/projects/dwt/) -->
     <script type="text/javascript" src="/dhtml/dwt/dwt.js"></script>

   - jQuery
     <!-- JavaScript Toolkit (http://www.jquery.com/) -->
     <script type="text/javascript" src="/dhtml/jquery/jquery.js"></script>
     [<script type="text/javascript" src="/dhtml/jquery/jquery-interface.js"></script>]
     [<script type="text/javascript">jQuery.noConflict(); var j$ = jQuery;</script>]

   - ExplorerCanvas
     <!-- Google <CANVAS> Emulation for Internet Explorer (http://excanvas.sourceforge.net/) -->
     <script type="text/javascript" src="/dhtml/excanvas/excanvas.js"></script>

   - OAT
     <!-- OAT JavaScript Toolkit (http://oat.openlinksw.com/) -->
     <script type="text/javascript">var featureList = ["grid","pivot",barchart"];<script>
     <script type="text/javascript" src="/dhtml/oat/loader.js"><script>

   - ExtJS
     <!-- ExtJS JavaScript Toolkit (http://extjs.com/) -->
     <script type="text/javascript" src="/ext/adapter/ext/ext-base.js"><script>
     <script type="text/javascript" src="/ext/ext-all.js"><script>
     <!-- or via jQuery: -->
     <script type="text/javascript" src="/ext/adapter/jquery/jquery.js"><script>
     <script type="text/javascript" src="/ext/adapter/jquery/jquery-plugins.js"><script>
     <script type="text/javascript" src="/ext/adapter/jquery/ext-jquery-adapter.js"><script>
     <script type="text/javascript" src="/ext/ext-all.js"><script>