demos/tizen-winsets/tips/list-sample/list-sample.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   5         <script src="../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   6         <script src="../../configure.js"></script>
   7         <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   8         <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
   9                         data-framework-theme="tizen-white"
  10                         data-framework-viewport-width="device-width">
  11         </script>
  12         <script src="../../main.js"></script>
  13         <title>Tizen UI - List sample</title>
  14         <!-- for compatibility test -->
  15         <meta name="apple-mobile-web-app-capable" content="yes" />
  16         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  17         <link rel="apple-touch-icon" href="../../icon-tizen.png" />
  18 </head>
  19 <body>
  20 <div data-role="page" data-add-back-btn="true" id="list-sample">
  21         <div data-role="header" data-position="fixed">
  22                 <h1>Single-Page Application </h1>
  23         </div><!-- /header -->
  24
  25         <div data-role="content">
  26                 <ul data-role="listview" id="mylist">
  27                 </ul>
  28         </div><!-- /content -->
  29
  30         <div data-role="footer" data-position="fixed">
  31                 <div data-role="tabbar">
  32                         <ul>
  33                                 <li id="add"><a>+1</a></li>
  34                                 <li id="add2"><a>+20</a></li>
  35                                 <li id="new"><a>reset +1</a></li>
  36                                 <li id="new2"><a>reset +20</a></li>
  37                         </ul>
  38                 </div>
  39         </div><!-- /footer -->
  40         <script src="list-sample.js"></script>
  41 </div><!-- /page -->
  42 </body>
  43 </html>