Skip to content

Instantly share code, notes, and snippets.

@rubenvp8510

rubenvp8510/jsbin.fupew.html

Created April 20, 2014 06:39
Show Gist options
  • Save rubenvp8510/11106849 to your computer and use it in GitHub Desktop.
Save rubenvp8510/11106849 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.fupew.html
<!DOCTYPE HTML>
<html>
<head>
<title>Full Screen</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Full Screen">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.1/af.ui.css" />
<link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.1/icons.css" />
<script type="text/javascript" charset="utf-8" src="http://cdn.app-framework-software.intel.com/2.1/appframework.ui.min.js"></script>
</head>
<body>
<script>
$.ui.autoLaunch = false;
$(document).ready(function(){
$.ui.launch();
$.ui.showBackButton = false;
$.ui.addContentDiv("myTestPanel","First Panel <a href='#' id='prog_load'>Next </a>","New Panel 1");
$.ui.addContentDiv("myTestPanel2","Second panel <a href='#' id='prog_load_2'>Next </a>","New Panel 2");
$.ui.addContentDiv("myTestPanel3","Third panel","New Panel 3");
$.ui.loadContent("#myTestPanel",false,false,"up");
$('#prog_load').click(function(e){
e.preventDefault();
$.ui.showBackButton = true;
$.ui.loadContent("#myTestPanel2",false,false,"up");
});
$('#prog_load_2').click(function(e){
e.preventDefault();
$.ui.showBackButton = false;
$.ui.loadContent("#myTestPanel3",false,false,"up");
})
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment