projects / platform / framework / web / web-ui-fw.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Merge branch 'master' into tizen_2.1
[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / pagelayout / backbutton / dynamically-attatch-backbutton-to-header.html
diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
index 4697367..208120e 100644 (file)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
@@ -1,13 +1,27 @@
 <!DOCTYPE html>
 <html>
        <head>
+               <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
+               <script src="../../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+               <script src="../../../configure.js"></script>
+               <script src="../../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+               <script src="../../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
+                               data-framework-theme="tizen-white"
+                               data-framework-viewport-width="device-width">
+               </script>
+               <script src="../../../main.js"></script>
+               <title>Tizen UI - Back button control</title>
+               <!-- for compatibility test -->
+               <meta name="apple-mobile-web-app-capable" content="yes" />
+               <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+               <link rel="apple-touch-icon" href="../../../icon-tizen.png" />
        </head>
 <body>
 
-<div data-role="page">
+<div data-role="page" id="pageGenBackToHeader">
        <div data-role="header" data-position="fixed" >
-               <h1>Back button demo</h1>
-               <span class="ui-title-text-sub">Back button to Header</span>
+               <h1>BACK BUTTON DEMO</h1>
+               <span class="ui-title-text-sub">BACK BUTTON TO HEADER</span>
        </div>
 
        <div data-role="content">
@@ -36,12 +50,18 @@
                        </p>
                </div><br>
 
-               <a id="genBackToFooter2" data-role="button" data-inline="true">Generate backbutton to header</a><br><br>
+               <a id="genBackToHeader" data-role="button" data-inline="true">Generate backbutton to header</a><br><br>
                <a href="#" data-role="button" data-inline="true" data-rel="back">Go Back</a>
        </div>
 
-       <div data-role="footer">
-       </div>
+       <div data-role="footer"></div>
+       <script type="text/javascript">
+               $( document ).one("pagecreate", "#pageGenBackToHeader", function () {
+                       $("#genBackToHeader").bind("vclick", function () {
+                               $("#pageGenBackToHeader").page( "addBackBtn", "header" );
+                       });
+               });
+       </script>
 </div>
 
 </body>
Domain: Web Framework / Uncategorized;