7 <div data-role="page" id="pageUpdateDemo">
8 <div data-role="header" data-position="fixed">
11 <div data-role="content">
14 In case, web Developer controls tizen bar(header/footer) without transitioning other page,
15 and web Developer use scrollview
16 Content in page needs to be updated because of scrollable area changed according to content, and changed fixed area need to be hide/show
20 <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
21 var $elPage = $( ".ui-page-active" );<br><br>
22 $elPage.find( ".ui-header" ).hide();<br>
23 $elPage.page( "refresh" );<br><br>
25 $elPage.find( ".ui-header" ).show();<br>
26 $elPage.page( "refresh" );<br>
29 <div data-role="button" id="hideheader" data-inline="true">Hide header</div>
30 <div data-role="button" id="showheader" data-inline="true">Show header</div><br>
35 <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
36 var $elPage = $( ".ui-page-active" );<br><br>
37 $elPage.find( ".ui-footer" ).hide();<br>
38 $elPage.page( "refresh" );<br><br>
40 $elPage.find( ".ui-footer" ).show();<br>
41 $elPage.page( "refresh" );<br>
45 <div data-role="button" id="hidefooter" data-inline="true">Hide footer</div>
46 <div data-role="button" id="showfooter" data-inline="true">Show footer</div>