cordova - Opening Play Store App within PhoneGap -


i have designed hybrid mobile application , there 2 versions. direct users version, have included inside html5 source

    <a href="market://details?id=com.kabam.ff7">          <img id=offtomarket alt="get on google play"             src="./img/android_app.png" />      </a>

the image displayed not opening play store app on android device. why it?

com.kabam.ff7 example now.

i tried approach

$("#offtomarket").click(       function(e) {  window.open('market://details?id=com.kabam.ff7');                  alert("offtomarketclicked");                }               );

and still did not work. see alert window.
thanks

i found solution

install plugin

https://github.com/xmartlabs/cordova-plugin-market

cli -

cordova plugin add https://github.com/xmartlabs/cordova-plugin-market

and in javascript

cordova.plugins.market.open('com.kabam.ff7');

if use jquery , have button id called mybutton

$("#mybutton").click(   function(e) {         cordova.plugins.market.open('com.kabam.ff7');   } );

and include following css in css make badge perfect

img {     width  : 100%;     height : auto }

Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more