-<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo">
+<div id="virtualgrid_normal_page" data-role="page" class="virtualgrid_grid_demo">
<div id="normal" data-role="header" data-position="fixed">
<h1>Virtual grid</h1>
</div>
</div>
</div>
<script>
- $( "#virtualgrid_grid_page" ).on( "pageshow" , function() {
+ $( "#virtualgrid_normal_page" ).on( "pageshow" , function() {
$( window ).on( "tizenhwkey", function ( ev ) {
if ( ev.originalEvent.keyName === "back" ) {
//bind callbacks to the H/W keys
}
});
});
- $( "#virtualgrid_grid_page" ).on( "pagebeforehide" , function() {
+ $( "#virtualgrid_normal_page" ).on( "pagebeforehide" , function() {
//unbind callbacks to the H/W keys
$( window ).off( "tizenhwkey" );
});
-<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo">
+<div id="virtualgrid_size_page" data-role="page" class="virtualgrid_grid_demo">
<div data-role="header" data-position="fixed">
<h1>Virtual grid - size</h1>
</div>
</div>
</div>
<script>
- $( "#virtualgrid_grid_page" ).on( "pageshow" , function() {
+ $( "#virtualgrid_size_page" ).on( "pageshow" , function() {
$( window ).on( "tizenhwkey", function ( ev ) {
if ( ev.originalEvent.keyName === "back" ) {
//bind callbacks to the H/W keys
}
});
});
- $( "#virtualgrid_grid_page" ).on( "pagebeforehide" , function() {
+ $( "#virtualgrid_size_page" ).on( "pagebeforehide" , function() {
//unbind callbacks to the H/W keys
$( window ).off( "tizenhwkey" );
});
data-framework-viewport-width="device-width">
</script>
<script src="../../main.js"></script>
- <title>Tizen UI - Dialog list</title>
+ <title>Tizen UI - Dialogue list</title>
<!-- for compatibility test -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<div data-role="page" id="genlist-dialog" data-fit-page-to-window="true">
<div data-role="header" data-position="fixed">
- <h1>Dialog lists</h1>
+ <h1>Dialogue lists</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<form>
-<div data-role="page" id="addressbook" data-add-back-btn="true" data-dom-cache="true">
+<div data-role="page" id="addressbook" data-dom-cache="true">
<div data-role="header" data-position="fixed">
<h1>ADDRESS BOOK</h1>
</div>
<li><a>Sawyer Wakefield</a></li>
</ul>
</div> <!--/content -->
- <div data-role="footer">
- </div>
+ <script>
+ $( "#addressbook" ).on( "pageshow" , function() {
+ $( window ).on( "tizenhwkey", function ( ev ) {
+ if ( ev.originalEvent.keyName === "back" ) {
+ //bind callbacks to the H/W keys
+ window.history.back();
+ }
+ });
+ });
+ $( "#addressbook" ).on( "pagebeforehide" , function() {
+ //unbind callbacks to the H/W keys
+ $( window ).off( "tizenhwkey" );
+ });
+ </script>
</div> <!--/page -->