Menu
▾
▴
[mxbb-commits] mx_music/phpbb2/mx_mod/mx_shared/mygosumenu/1.5/tests foldersAsLinks.html, NONE, 1.1 test1.html, NONE, 1.1 test2.html, NONE, 1.1
|
From: FlorinCB <ory...@us...> - 2008-09-18 00:44:10
|
Update of /cvsroot/mxbb/mx_music/phpbb2/mx_mod/mx_shared/mygosumenu/1.5/tests In directory sc8-pr-cvs16.sourceforge.net:/tmp/cvs-serv19367/mx_mod/mx_shared/mygosumenu/1.5/tests Added Files: foldersAsLinks.html test1.html test2.html Log Message: upgrade --- NEW FILE: test1.html --- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>DynamicTree Test</title> <style type="text/css"> .DynamicTree { font-family: georgia, tahoma; font-size: 11px; white-space: nowrap; cursor: default; } .DynamicTree .doc img, .DynamicTree .folder img { border: 0; vertical-align: -3px; } * html .DynamicTree .doc img, * html .DynamicTree .folder img { border: 0; vertical-align: middle; vertical-align: -4px; } .DynamicTree .section { background: url(../images/tree-branch.gif) repeat-y; } .DynamicTree .last { background: none; } .DynamicTree .folder .folder { margin-left: 18px; } .DynamicTree .doc .doc, .DynamicTree .folder .doc { margin-left: 18px; } </style> </head> <body> <div class="DynamicTree"> <div class="folder"><img src="../images/tree-node-open.gif" width="18" height="18" alt="" /><img src="../images/tree-folder-open.gif" width="18" height="18" alt="" />Node 1 <div class="section"> <div class="folder"><img src="../images/tree-node-open.gif" width="18" height="18" alt="" /><img src="../images/tree-folder-open.gif" width="18" height="18" alt="" />Node 1.1 <div class="section"> <div class="folder"><img src="../images/tree-node-open-end.gif" width="18" height="18" alt="" /><img src="../images/tree-folder-open.gif" width="18" height="18" alt="" />Node 1.1.1 <div class="section last"> <div class="doc"><img src="../images/tree-leaf-end.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 1.1.1.1</div> </div> </div> </div> </div> <div class="doc"><img src="../images/tree-leaf-end.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 1.2</div> </div> </div> <div class="doc"><img src="../images/tree-leaf.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 2</div> <div class="doc"><img src="../images/tree-leaf.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 3</div> <div class="doc"><img src="../images/tree-leaf.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 4</div> <div class="folder"><img src="../images/tree-node-open-end.gif" width="18" height="18" alt="" /><img src="../images/tree-folder-open.gif" width="18" height="18" alt="" />Node 5 <div class="section last"> <div class="doc"><img src="../images/tree-leaf.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 5.1</div> <div class="doc"><img src="../images/tree-leaf-end.gif" width="18" height="18" alt="" /><img src="../images/tree-doc.gif" width="18" height="18" alt="" />Node 5.2</div> </div> </div> </div> </body> </html> --- NEW FILE: test2.html --- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>DynamicTree</title> <link rel="stylesheet" type="text/css" href="../DynamicTree.css" /> <script type="text/javascript" src="../DynamicTree.js"></script> </head> <body> This is an example of what see a user with javascript disabled. <br /> All links are still accessible. <br /> <br /> <div class="DynamicTree" id="tree1"> <div class="folder">Node 1 <div class="folder">Node 1.1 <div class="folder">Node 1.1.1 <div class="doc"><a href="example1.html">Node 1.1.1.1</a></div> </div> </div> <div class="doc"><a href="example1.html">Node 1.2</a></div> </div> <div class="doc"><a href="example1.html">Node 2</a></div> <div class="doc"><a href="example1.html">Node 3</a></div> <div class="doc"><a href="example1.html">Node 4</a></div> <div class="folder">Node 5 <div class="doc"><a href="example1.html">Node 5.1</a></div> <div class="doc"><a href="example1.html">Node 5.2</a></div> </div> </div> </body> </html> --- NEW FILE: foldersAsLinks.html --- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>DynamicTree example 1</title> <link rel="stylesheet" type="text/css" href="../DynamicTree.css" /> <script type="text/javascript" src="../../ie5.js"></script> <script type="text/javascript" src="../DynamicTree.js"></script> <style type="text/css"> p { font-family: georgia, sans-serif; font-size: 11px; } </style> </head> <body> <p> <b>Project:</b> <a href="http://gosu.pl/dhtml/mygosumenu.html">mygosuMenu</a> <br /> <b>Menu type:</b> #1.5 DynamicTree example 1 <br /> <b>Features:</b> <br /> - Dynamically editable in browser (see example 2) <br /> - Export the structure of the tree to Html, Php or Sql <br /> - State of the menu is saved in cookie <br /> - Unlimited nesting <br /> - Links are visible to search engines <br /> - Accessible for user agents with javascript disabled (see /tests/test2.html) <br /> - Object Oriented code, so you can create many menus on the same page <br /> - Free for any use (BSD license) <br /> <b>Compatibility:</b> Tested on: IE 5.0/5.5/6.0, Mozilla 1.4/1.7, Opera 7.11/7.23/7.52, Netscape 7.11, Firefox 0.7/0.8/0.9, Safari 1.2 </p> <div class="DynamicTree"> <div class="top">Tree View</div> <div class="wrap" id="tree"> <div class="folder"><a href="foldersAsLinks.html">Node 1</a> <div class="folder"><a href="foldersAsLinks.html">Node 1.1</a> <div class="folder"><a href="foldersAsLinks.html">Node 1.1.1</a> <div class="doc"><a href="foldersAsLinks.html" title="Node 1.1.1.1" target="_self">Node 1.1.1.1</a></div> </div> </div> <div class="doc"><a href="foldersAsLinks.html">Node 1.2</a></div> </div> <div class="doc"><a href="foldersAsLinks.html">Node 2</a></div> <div class="doc"><a href="foldersAsLinks.html">Node 3</a></div> <div class="doc"><a href="foldersAsLinks.html">Node 4</a></div> <div class="folder"><a href="foldersAsLinks.html">Node 5</a> <div class="doc"><a href="foldersAsLinks.html">Node 5.1</a></div> <div class="doc"><a href="foldersAsLinks.html">Node 5.2</a></div> </div> </div> </div> <script type="text/javascript"> var tree = new DynamicTree("tree"); tree.foldersAsLinks = true; tree.path = '../images/'; tree.init(); </script> </body> </html> |
