8 <div data-role="header" data-position="fixed" >
9 <h1>Back button demo</h1>
10 <span class="ui-title-text-sub">Back button to Header</span>
13 <div data-role="content">
15 Web Developer declared only footer in page<br>
16 but need to add back button dynamically in header<br>
17 call page("addBackBtn", target) API<br></p>
19 <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
20 <div data-role="page"> <br>
21     <div data-role="header" data-position="fixed"> <br>
22         <h1>back button sample</h1> <br>
23     </div> <br>
24     <div data-role="content"> <br>
25     </div> <br>
26     <div data-role="footer"> <br>
27     </div> <br>
32 <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
34 $(".ui-page-active").page( "addBackBtn", "header" );<br>
39 <a id="genBackToFooter2" data-role="button" data-inline="true">Generate backbutton to header</a><br><br>
40 <a href="#" data-role="button" data-inline="true" data-rel="back">Go Back</a>
43 <div data-role="footer">