library/js/jquery.treeview-1.4.1/demo/images.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4
   5         <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
   6         <title>jQuery treeview</title>
   7
   8         <link rel="stylesheet" href="../jquery.treeview.css" />
   9     <link rel="stylesheet" href="../red-treeview.css" />
  10         <link rel="stylesheet" href="screen.css" />
  11
  12         <script src="../lib/jquery.js" type="text/javascript"></script>
  13         <script src="../lib/jquery.cookie.js" type="text/javascript"></script>
  14         <script src="../jquery.treeview.js" type="text/javascript"></script>
  15
  16         <script type="text/javascript">
  17                 $(function() {
  18                         $("#browser").treeview();
  19                 });
  20         </script>
  21
  22         </head>
  23         <body>
  24
  25         <h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Treeview Plugin</a> Demo</h1>
  26         <div id="main">
  27
  28         <h4>Sample 1 - default</h4>
  29         <ul id="browser" class="filetree">
  30                 <li><img src="../images/folder.gif" /> 123</span>
  31                         <ul>
  32                                 <li>blabla <img src="../images/file.gif" /></li>
  33                         </ul>
  34                 </li>
  35                 <li><img src="../images/folder.gif" />
  36                         <ul>
  37                                 <li><img src="../images/folder.gif" />
  38                                         <ul id="folder21">
  39                                                 <li><img src="../images/file.gif" /> more text</li>
  40                                                 <li>and here, too<img src="../images/file.gif" /></li>
  41                                         </ul>
  42                                 </li>
  43                                 <li><img src="../images/file.gif" /></li>
  44                         </ul>
  45                 </li>
  46                 <li class="closed">this is closed! <img src="../images/folder.gif" />
  47                         <ul>
  48                                 <li><img src="../images/file.gif" /></li>
  49                         </ul>
  50                 </li>
  51                 <li><img src="../images/file.gif" /></li>
  52         </ul>
  53
  54 </div>
  55
  56 </body></html>