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">
12 <script src="../../../main.js"></script>
13 <title>Tizen UI - Back button control</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" />
21 <div data-role="page" id="pageGenBackToFooter">
22 <div data-role="header" data-position="fixed" >
23 <h1>BACK BUTTON DEMO</h1>
24 <span class="ui-title-text-sub">BACK BUTTON TO FOOTER</span>
27 <div data-role="content">
29 Web Developer declared only footer in page<br>
30 but need to add back button dynamically <br>
31 call page("addBackBtn", target) API<br></p>
33 <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
34 <div data-role="page"> <br>
35     <div data-role="header" data-position="fixed"> <br>
36         <h1>back button sample</h1> <br>
37     </div> <br>
38     <div data-role="content"> <br>
39     </div> <br>
40     <div data-role="footer"> <br>
41     </div> <br>
46 <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
48 $(".ui-page-active").page( "addBackBtn", "footer" );<br>
53 <a id="genBackToFooter" data-role="button" data-inline="true">Generate backbutton to footer</a><br><br>
54 <a href="#" data-role="button" data-inline="true" data-rel="back">Go Back</a>
57 <div data-role="footer"></div>
58 <script type="text/javascript">
59 $( document ).one("pagecreate", "#pageGenBackToFooter", function () {
60 $("#genBackToFooter").bind("vclick", function () {
61 $("#pageGenBackToFooter").page( "addBackBtn", "footer" );