demos/tizen-winsets/widgets/tokentextarea/tokentextarea.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 - Tokentextarea</title>
  14
  15                 <!-- for compatibility test -->
  16                 <meta name="apple-mobile-web-app-capable" content="yes" />
  17                 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  18                 <link rel="apple-touch-icon" href="../../icon-tizen.png" />
  19         </head>
  20         <body>
  21                 <div data-role="page" id="tokentextarea" data-add-back-btn="true" data-dom-cache="true">
  22                         <div data-role="header" data-position="fixed">
  23                                 <h1>TOKEN TEXT AREA</h1>
  24                         </div>
  25                         <div data-role="content">
  26                                 <div data-role="tokentextarea" data-link="addressbook.html"></div>
  27                                 <br>
  28                                 <ul data-role="listview">
  29                                         <li><a id='MBTaddItemTest'>Append Item</a></li>
  30                                         <li><a id='MBTremoveItemTest'>Remove first Item</a></li>
  31                                         <li><a id='MBTinputTextTest'>Input 'Hello'</a></li>
  32                                         <li><a id='MBTgetInputTextTest'>Get input text</a></li>
  33                                         <li><a id='MBTselectItemTest'>Select 1</a></li>
  34                                         <li><a id='MBTgetSelectedItemTest'>Selected item</a></li>
  35                                         <li><a id='MBTlengthTest'>Length</a></li>
  36                                         <li><a id='MBTfocusOutTest'>Grouping On</a></li>
  37                                         <li><a id='MBTfocusInTest'>Grouping Off</a></li>
  38                                         <li><a id='MBTremoveAllItemTest'>Remove All Item</a></li>
  39                                 </ul>
  40                         </div>
  41                         <div data-role="footer">
  42                         </div>
  43                         <script src="tokentextarea-demo.js"></script>
  44                 </div>
  45         </body>
  46 </html>