examples/history/history.html

   1 <html>\r
   2 <head>\r
   3     <title>History Example</title>\r
   4     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>\r
   5 \r
   6     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
   7     <script type="text/javascript" src="../../ext-all.js"></script>\r
   8     <script type="text/javascript" src="history.js"></script>\r
   9 \r
  10     <!-- Common Styles for the examples -->\r
  11     <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>\r
  12 </head>\r
  13 <body>\r
  14 <script type="text/javascript" src="../shared/examples.js"></script>\r
  15 \r
  16 <h1>History Example</h1>\r
  17 \r
  18 <p>This is a simple implmenetation of the <tt>Ext.History</tt> component for managing browser back/forward navigation within a single page.</p>\r
  19 \r
  20 <p>It demonstrates managing history for multiple components within the page. Simply change tabs and use the browser Back\r
  21 and Forward buttons to navigate them.</p>\r
  22 \r
  23 <p>The js is not minified so it is readable. See <a href="history.js">history.js</a>.</p>\r
  24 \r
  25 <!-- Fields required for history management -->\r
  26 <form id="history-form" class="x-hidden">\r
  27     <input type="hidden" id="x-history-field" />\r
  28     <iframe id="x-history-frame"></iframe>\r
  29 </form>\r
  30 \r
  31 </body>\r
  32 </html>\r