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
Share
Ask user to share content. It can be a link and/or a text and/or an image.
var share_text = "AppDeck: Create a mobile application using your existing website."; var share_url = "http://www.appdeck.mobi/"; var share_img = "http://static.appdeck.mobi/wp-content/uploads/2013/06/Logo-red.png"; // share content text, url and image app.share(share_text, share_url, share_img); // share only image app.share(null, null, share_img); // share text and image app.share(share_text, null, share_img);
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"> var share_text = "AppDeck: Create a mobile application using your existing website."; var share_url = "http://www.appdeck.mobi/"; var share_img = "http://www.appdeck.mobi/img/appdeck/logo-appdeck-red-small.png"; </script> <body> <div data-role="page" data-theme="a"> <div data-role="content"> <h1>Share</h1> <p> <button onClick="javascript:app.share(share_text, share_url, share_img);">Share AppDeck</button> </p> <p> <button onClick="javascript:app.share(share_text, null, null);">Share AppDeck Slogan</button> <button onClick="javascript:app.share(null, share_url, null);">Share AppDeck URL</button> <button onClick="javascript:app.share(null, null, share_img);">Share AppDeck Logo</button> </p> </div><!-- /content --> </div> </body> </html>