Toggle navigation
About
What is AppDeck ?
What is AppDeck Cloud Services?
AppDeck vs PhoneGap
AppDeck's apps
Download
Help
Documentation
Support
Cloud
Sign in
Register
HTML5 API
Overview
Buttons
Catch Link
History
Loading
Menu
Snackbar
Page/Navigation
Photo Browser
Pop Over
Pop Up
Barcode Scanner
Vibrate
Message
Preferences
Reload
Cache
Scroll
Select
Share
Slide
Demography
Profile/Live Configuration
Device Information
Event
Channels
Facebook/Twitter
Service
Advanced
Dynamic Menu
Json
Push Notification
Prefetch/Preload Page
Embed Ressource
Advertisement
FAQ
Tips
About
Page/Navigation
Navigation: open/push/pop a page can be control using Javascript.
Javascript API
// open a new page : page2.php app.page.push("page2.php"); // go back to previous page if exist app.page.pop(); // go back to root page if possible app.page.poproot(); // discards all current pages and load a new one as root app.page.root("index.php"); // discards all current pages and load a new one as root and reload left/right menu if exist app.page.rootandreload("index.php"); // you can also change the way your app deal with url with this hook // it allows you to rewrite all opened URLs app.client.rewriteURL = function(url) { return "http://www.appdeck.mobi/?url="+url; };
Complete Example
<html> <head> <title>AppDeck</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width"> <!-- AppDeck API --> <script type="text/javascript" src="//appdata.static.appdeck.mobi/js/fastclick.js"></script> <script type="text/javascript" src="//appdata.static.appdeck.mobi/js/appdeck.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <script src="/js/jquery.cookie.js"></script> <script type="text/javascript"> function pagePush() { app.page.push("/kitchensink/page_sub"); } </script> <body> <div data-role="page" data-theme="a"> <div data-role="content"> <h1>Page</h1> <button onClick="javascript:pagePush();">Open sub page via javascript</button> </div><!-- /content --> </div> </body> </html>