demos/tizen-winsets/widgets/searchbar/searchbar_normal.html

   1 <html>
   2 <head>
   3         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   4         <script src="../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   5         <script src="../../configure.js"></script>
   6         <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   7         <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
   8                         data-framework-theme="tizen-white"
   9                         data-framework-viewport-width="device-width">
  10         </script>
  11         <script src="../../main.js"></script>
  12         <title>Tizen UI - Searchbar</title>
  13         <!-- for compatibility test -->
  14         <meta name="apple-mobile-web-app-capable" content="yes" />
  15         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  16         <link rel="apple-touch-icon" href="../../icon-tizen.png" />
  17 </head>
  18 <body>
  19 <div data-role="page" data-add-back-btn="true" id="searchbar-demo-page-normal">
  20         <div data-role="header" data-position ="fixed" >
  21                 <h1>SEARCHBAR</h1>
  22                 <input type="search" name="search" id="searchbar-demo-page-normal-search" value=""  />
  23         </div><!-- /header -->
  24         <div data-role="content" id="searchbar-content">
  25                 <p>Hairston</p>
  26                 <p>Hansbrough</p>
  27                 <p>Allred</p>
  28                 <p>Hanrahan</p>
  29                 <p>Egan</p>
  30                 <p>Dare</p>
  31                 <p>Edmonson</p>
  32                 <p>Calip</p>
  33                 <p>Baker</p>
  34                 <p>Fazekas</p>
  35                 <p>Garrity</p>
  36                 <p>Hansen</p>
  37                 <p>Feigenbaum</p>
  38                 <p>Fillmore</p>
  39                 <p>Darden</p>
  40                 <p>Davis</p>
  41                 <p>Fitzgerald</p>
  42                 <p>Carr</p>
  43                 <p>Danilovic</p>
  44                 <p>Dark</p>
  45                 <p>Alexander</p>
  46                 <p>Allen</p>
  47                 <p>Edwards</p>
  48                 <p>Garrett</p>
  49                 <p>Gardner</p>
  50                 <p>Carroll</p>
  51                 <p>Garner</p>
  52                 <p>Finn</p>
  53                 <p>Edelin</p>
  54                 <p>Gay</p>
  55         </div>
  56         <div data-role="footer">
  57         </div>
  58         <script src="searchbar.js"></script>
  59 </div><!-- /page -->
  60 </body>
  61 </html>