widgets/pagecontrol/pagecontrol.html

   1 <html>
   2         <head></head>
   3         <body>
   4                 <div data-role="page" id="pagecontrol" data-add-back-btn="true" data-fit-page-to-window="true">
   5                         <div data-role="header">
   6                                 <h1>Pagecontrol (page indicator)</h1>
   7                         </div>
   8                         <div class="content" data-role="content">
   9                                 <div id="p10" data-role="pagecontrol" data-max="10" data-value="10"></div>
  10                                 <div id="p9" data-role="pagecontrol" data-max="9" data-value="9"></div>
  11                                 <div id="p8" data-role="pagecontrol" data-max="8" data-value="8"></div>
  12                                 <div id="p7" data-role="pagecontrol" data-max="7" data-value="7"></div>
  13                                 <div id="p6" data-role="pagecontrol" data-max="6" data-value="6"></div>
  14                                 <div id="p5" data-role="pagecontrol" data-max="5" data-value="5"></div>
  15                                 <div id="p4" data-role="pagecontrol" data-max="4" data-value="4"></div>
  16                                 <div id="p3" data-role="pagecontrol" data-max="3" data-value="3"></div>
  17                                 <div id="p2" data-role="pagecontrol" data-max="2" data-value="2"></div>
  18                                 <div id="p1" data-role="pagecontrol" data-max="1"></div>
  19                                 <div id="txt">
  20                                         here
  21                                 </div>
  22                                 <a href="#" id="pagecontrol_btn_randomset" data-role="button" data-inline="true">Set each values randomly</a>
  23                         </div>
  24                 </div>
  25         </body>
  26 </html>