git.roojs.org Git - roojs1/blob - examples/menu/menus.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   5 <title>Toolbar with Menus</title>
   6     <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
   7     <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
   8
   9      <script type="text/javascript" src="../../roojs-all.js"></script>
  10
  11 <script type="text/javascript" src="../form/states.js"></script>
  12 <script type="text/javascript" src="menus.js"></script>
  13 <link rel="stylesheet" type="text/css" href="menus.css" />
  14
  15 <!-- Common Styles for the examples -->
  16 <link rel="stylesheet" type="text/css" href="../examples.css" />
  17 <style type="text/css">
  18     .blist .x-btn-text {
  19         background-image: url(list-items.gif)
  20     }
  21     .bmenu .x-btn-text {
  22         background-image: url(menu-show.gif)
  23     }
  24     .menu-title{
  25         background: #ebeadb url(../../resources/images/aero/grid/grid-hrow.gif) repeat-x;
  26         border-bottom:1px solid #99bbe8;
  27         color:#15428b;
  28         font:bold 10px tahoma,arial,verdana,sans-serif;
  29         display:block;
  30         padding:3px;
  31     }
  32     #msg-div {
  33         display: block;
  34         position: absolute;
  35        }
  36        #container
  37        {
  38            border: 4px solid #ccc;
  39            width: 700px;
  40            height: 300px;
  41           }
  42 </style>
  43 </head>
  44 <body>
  45 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
  46 <h1>Toolbar with Menus</h1>
  47
  48 <p>The js is not minified so it is readable. See
  49 <button type="button" onclick="RooDocs.viewSource.show('/menus.js')">menus.js</button> and
  50 <button type="button" onclick="RooDocs.viewSource.show('/menus.html')">menus.html</button> .</p>
  51
  52 <div id="container">
  53     <div id="toolbar"></div>
  54 </div>
  55
  56 <br /><br /><br /><br /><br />
  57 </body>
  58 </html>