cordova,jquery-mobile , jquery mobile backbutton to quit App for specific Page
jquery mobile backbutton to quit App for specific Page
Question:
Tag: cordova,jquery-mobile
I had a look around and can't seem bind the backbutton to a specific page for Android phone in Phonegap/JQM.
I am trying to only allow the backbutton to trigger navigation.notification.confirm to prompt the logout at 1 specific page. But it either doesnt prompt it or prompt it every single page.
This below doesn't trigger
$(document).on( 'pageinit','homepage',function onLoad(){
document.addEventListener('deviceready', deviceReady, false);
}
function deviceReady() {
document.addEventListener('backbutton', backButtonCallback, false);
}
function backButtonCallback() {
navigator.notification.confirm('Do you want to exit the app? If not, use the top left button to go to Previous Page',confirmCallback);
}
function confirmCallback(buttonIndex) {
if(buttonIndex == 1) {
navigator.app.exitApp();
return true;
}
else {
return false;
}
})
This doesn't trigger either
function onLoad(){
document.addEventListener('deviceready', deviceReady, false);
}
function deviceReady() {
document.addEventListener('backbutton','#homepage' backButtonCallback, false);
}
function backButtonCallback() {
navigator.notification.confirm('Do you want to exit the app? If not, use the top left button to go to Previous Page',confirmCallback);
}
function confirmCallback(buttonIndex) {
if(buttonIndex == 1) {
navigator.app.exitApp();
return true;
}
else {
return false;
}
}
Answer:
If you are using Jquery Mobile 1.4.5 getActivePage() can be handy. $.mobile.activePage was deprecated in JQM 1.4.0 (see http://blog.jquerymobile.com/ Changes since 1.4.0 beta #deprecation).
//handle Back button
function onDeviceReady() {
// Register the event listener
document.addEventListener("backbutton", onBackKeyDown, false);
console.log('Device ready - register onBackKeyDown()');
}
document.addEventListener("deviceready", onDeviceReady, false);
function onBackKeyDown() {
var active_page = $( ":mobile-pagecontainer" ).pagecontainer( "getActivePage" );
var id =active_page.page().attr('id');
if (id==='homepage') {
if (confirm('Do you want to exit the app? If not, use the top left button to go to Previous Page?')==true){
navigator.app.exitApp();
}
}
else{
navigator.app.backHistory();
}
}
//**
This code will exit app only if activePage id is homepage.
Tell me if code works for you.
Related:
jquery,jquery-ui,jquery-mobile
So I have an app. It's written on jQuery(UI & Mobile). I have this page structure: Main Page: <!-- Main Page --> <div data-role="page" id="home"> <header data-role="header" data-theme="a"> <h1>Running Tracker</h1> </header> <div data-role="navbar"> <ul> <li> <a href="#add" data-transition="fade" data-icon="plus">Add Run</a> </li> </ul> </div> <div data-role="content"> <h3>Welcome to the RunningTracker App</h3>...
javascript,cordova
I can successfully install all plugins but none of them seems to work. I have also the cordova.js included: <script type="text/javascript" src="cordova.js"></script> <script src="js/jquery.js"></script> <script src="js/tocca.js"></script> <script type="text/javascript" src="js/index.js"></script> Then when I use simple $('.curpos').html(device.cordova); in index.js, it does not work. This is output from cordova plugin command: com.admob.pro 2.6.2...
jquery,jquery-mobile,event-handling,radio-button,onchange
I'm using a radio button group containing two radio buttons to dynamically change the content of my page depending on which radio button is checked. The content should be updated, when the selected radio button changes. Therefor i added an event handler to the radio buttons. html: <fieldset data-role="controlgroup" data-type="horizontal"...
javascript,jquery,jquery-ui,jquery-mobile
How can one add a bgcolor behind the loader before a page is created just to hide the white screen before the page is loaded. this is my code. setTimeout(function(){ $.mobile.loading('show', { text: 'Chargement en cours...', textVisible: true, theme: 'a', html: "<span class='ui-bar ui-overlay-c ui-corner-all' ><img width='50px' height='50px' src='http://www.shougun.it/images/loading.gif' /><br><h2>Chargement...
html,jquery-mobile,external,jquery-mobile-collapsible
I'm trying to execute a call to an external program to create content in a DIV inside a collapsible in JQuery Mobile, to have some code run when a div in a JQM collapsible appears when the collapsible is opened. I'm trying to use the jquery.appear plugin (https://github.com/morr/jquery.appear) as follows:...
cordova,browser,web-applications,website
I have a website. it run good in server I'm building a cordova app to embed this website and I want to open this website into this cordova app. I use window.open(..., "_blank").. window.open(..., "_selt") modify config.xml <access origin.... but when I run app in my device, website auto open...
jquery,jquery-mobile
I am using multi-page jquery mobile and need to create a link from one "page" to content on another "page". Am I able to do it straight through <a> or do I need to add additional code? Code : <body> <div style="min-height: 880px;" class="ui-page ui-body-c" data-role="page" id="Welcome" tabindex="0" data-url="Welcome"> <!---...
android,cordova,admob
After a problem integrating admob into my cordova application, I've decided to follow the example layed out here: https://github.com/floatinghotpot/cordova-admob-pro As I work with a windows 7, I've made the required changes, but it looks something like this: C:\> cordova create test1 com.rjfun.test1 Test1 Creating a new cordova project. C:\>cd test1...
javascript,jquery,html,jquery-mobile,iframe
I have inherited some code and I am trying to add an enhancement that will open a popup style iframe with the URL. The way the code is laid out is there are different tab-panes within the html window and in the "content" tab it displays information in the #post-body...
jquery-mobile,slider,jquery-ui-slider,jquery-slider
I am wondering if anyone knows how to modify the jQuery Mobile Slider to show dollar amounts? Or at the very least so show 2 decimal points at all times. i.e. if a user selects 10 I want it to show 10.00 instead of 10. With my current HTML below,...
java,android,cordova,environment-variables,ionic
Please help me get my Windows 8/Ionic/Cordova/Android environment setup correctly. I'm trying to use the command 'add platform android' but am unable to get it to work. I have seen similar posts to this but none quite the same. I've tried un-installing Cordova and Ionic and reinstalling them as recommended...
jquery,html,css,cordova,jquery-mobile
In my header i included <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css"> <script type="text/javascript" src="js/jquery-1.11.2.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script> and whenever I use for example data-role="page" the expected effect does not acquire. why would that happen? edit: https://jsfiddle.net/f0eurafv/1/ notice the text input in the login form...
javascript,html,sqlite,cordova
The function get_list() here is able to execute the query but not able to display the rows. function get_list() { db = window.openDatabase("timeDB", "1.0", "time", 200000); db.transaction(populateDB, transaction_error, populateDB_success); function populateDB(tx) { tx.executeSql("SELECT (date) FROM time", [], function (tx, res) { var len = result.rows.length; if (len > 0) {...
javascript,jquery,html,jquery-mobile
I can see the line breaks "↵" for a string in Chrome Developer Tools <br>↵↵<br>Event Status: confirmed↵<br>Event Description: Hog Day (Night )and Hog Day (Day)↵↵Friday... If i double click this and paste to Notepad, the line breaks are preserved. When i save the string to an object like so, var...
angularjs,cordova,admob,ionic,cordova-plugins
I have an Angular Ionic mobile app. I recently switched from the old AdMob cordova plugin (https://github.com/floatinghotpot/cordova-plugin-admob) to the AdMob Pro plugin (https://github.com/floatinghotpot/cordova-admob-pro). I have most everything working, but I can't figure out how to request a new ad. The old plugin had a function requestAd that would get a...
javascript,jquery,cordova
i am running an sql query in an loop . the query should run only if the loop count is equal to 500 . for E,g $.ajax({ response:function(e){ // Here e.length will be unknown for(var i in e){ if(q1cnt <= 500){ // do some appending var k = k +...
angularjs,cordova,ionic,cordova-plugins
I have been working on cordova ionic app with angularJS frontend. Here when this app is getting launch the device should check for the status of the GPS whether it is on or not and if it is not on then make it on automatically. I didn't found any cordova...
ios,objective-c,cordova,phonegap-plugins
I am getting "___createApplicationIconFromImage_block_invoke: Error: unable to create icon mask image from image named "AppIconMask.png" at scale 2.0" error while opening a PDF Viewer using iOS Cordova phone-gap based application Unknown activity items supplied: ( "QLPrintPageRenderer: 0x187bc720>", "UIPrintInfo: 0x1c0b51f0>" ) //While executing present View : [self.documentInteractionController presentPreviewAnimated:NO]; Can anyone please...
javascript,html5,cordova
My hybrid mobile app needs to work on blackberry devices as well. I noticed that a simple html query string such as http://example.com/over/there?name=ferret Works also this way using the anchor tag (even if it is not standard) http://example.com/over/there#name=ferret using Android and iOS. I don't have a blackberry to try but...
cordova,ionic-framework
I'm having test users say that my app is taking too much battery life on their android devices. I'm testing on a tablet (nexus 7) and in the Settings > App info > Permissions I see prevent tablet from sleeping. So does this mean that my app is keeping the...
javascript,android,cordova,canvas,fabricjs
I'm currently developping an application on mobile device (android and iPhone) with ionic and cordova. I would like to edit a picture. I use fabric.js library to do that. Fabric.js converts an image and other items into canvas. Then I add some image on the canvas (stickers) and export it...
android,jquery,cordova,jquery-mobile
I created an app for android using cordova and jquery mobile. It works well when I test run the code using google chrome, but when I try to run it on android emulator using android studio in cmd (locate>cordova emulate android) it doesn't working. When i try to run it...
javascript,cordova,console.log,content-security-policy
Developing an app on version 5 of cordova (using the phonegap framework). The latest updates request you use a Content-Security-Policy meta tag as per their documentation: https://github.com/apache/cordova-plugin-whitelist Here's my tag for the app: <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' *.example.com"> When I include this everything...
ios,cordova,cordova-plugins,keychain
We are having a tough time trying to shared info between two apps with keychain service. We have two apps: 1.- CoreApp, which is native and use this plugin SSKEYCHAIN to set values: + (BOOL)setPassword:(NSString *)password forService:(NSString *)serviceName account:(NSString *)account; Where are setting for paramenter the following values: password =...
javascript,jquery,jquery-ui,jquery-mobile,local-storage
So I have an app, that allows you to add data, and then it displays all the data(still wip). So I made a Create and Read functionality so far using localStorage and jQueryMobile and jQueryUI. But for some reason when I switch between pages(main page/add data page), I see cloned...
javascript,cordova,iscroll,imagemapster
In my Cordova project, I have a slider with multiple zoomable images (by iScroll) and I would like to use map to highlight some area always. But I have tried many libraries like imagemapster.js, maphilight.js but these libraries prevent images' zooming feature. Is there any library that I can use...
javascript,jquery,jquery-mobile,widget
I've looked all over the place to try and find a way to somehow disable jQuery Mobile's selectmenu widget so that I can use a 3rd party library for a <select></select>. In my case, I want to use the Chosen library. Is there any way I can do this, while...
jquery-mobile
Is it possible to get transation flip effects when showing a div manually , similar way as we get when using functins like $(':mobile-pagecontainer').pagecontainer("change", "create_an_account.html?UUID=" + UUID, { transition: 'flip' }); This is my fiddle http://jsfiddle.net/EwNRJ/2265/ Could you please let me know how to achieve this??...
cordova,ionic-framework,barcode-scanner
i am getting same error barcodescanner.js:130 Uncaught ReferenceError: require is not defined ionic.bundle.js:20306 ReferenceError: cordova is not defined Cordova CLI: 5.0.0 Gulp version: CLI version 3.8.11 Gulp local: Local version 3.8.11 Ionic Version: 1.0.0 Ionic CLI Version: 1.4.3 Ionic App Lib Version: 0.0.19 ios-deploy version: Not installed ios-sim version: 3.1.1...
jquery-mobile
Could you please let me know how to capture the events for data-role="collapsible" This is my fiddle http://jsfiddle.net/5kbEE/18/ I have tried it this way $('.my-collaspible').on('collapsibleexpand', function() { alert('herere'); }); How ever i observed that the above event is working fine in case the data-role="collapsible" is static one (http://jsfiddle.net/5kbEE/19/). Could you...
jquery-mobile
On click of a button , i am reloading the same page this way (document).on('click', '.cancelyes', function(event) { alert('herree'); var uuid = '123'; var screen_id = '910'; var cust_id = '122'; var minimum_order = 133; var addreslabel = '222' $(":mobile-pagecontainer" ).pagecontainer( "change", "index.html?UUID=" + uuid + '&screen_id=' + screen_id +...
javascript,jquery,html,ajax,jquery-mobile
I'm trying to add <options> to several <select> dinamically via ajax, when I add them directly in the HTML works fine, but when I load them in AJAX they will not show the selected option until the <select> element is clicked. I've tried to .trigger('create') on all elements and even...
angularjs,cordova,ionic-framework,cordova-plugins
I am trying to add icon in buttonLabels in $cordovaActionSheet plugin but it didn't working. I have tried var options = { title: 'Share', buttonLabels: ['<i class="ion-social-facebook"></i> Share via Facebook', '<i class="ion-social-twitter"></i> Share via Twitter'], }; but it prints tag as it is. How do I show icons in button...
javascript,jquery,xml,jquery-mobile
I have stuck up with an issue of passing XML using Jquery. I am getting empty array while traversing to jquery.Please help me how to get datas from XML array. I have mentioned my code below. XML <?xml version="1.0" encoding="UTF-8"?> <json> <json> <CustomerName>999GIZA MID INSURANCEAND SERVICES PVT LTD</CustomerName> <mobiLastReceiptDate>null</mobiLastReceiptDate> </json>...
javascript,android,jquery,cordova,phonegap-plugins
I'm trying to dynamically add data into a phonegap plugin <a href="#" onclick="window.plugins.socialsharing.share( null, null, 'document.getElementById('setquote').innerHTML;', null )"> I have try using this document.getElementById('setquote').innerHTML; to get the data into the plugin but no luck....
cordova,android-studio,gradle,android-gradle,cordova-plugins
I have a project on PhoneGap and I am trying to build a plugin to use a FilePicker library. So, I build one Android Studio Project and I have it working. So, right now, that I know that I know how to do it, I just need to know how...
javascript,angularjs,cordova,ionic-framework,promise
I have an array of images which I iterate and upload each to a remote server. Once the file is uploaded I use the result to get the file name and push to another array. The problem I'm having is that not all results are being pushed to the array....
cordova,phonegap-plugins,cordova-plugins,rating
I am looking for a cordova plugin that asks for ratings similar to askingpoint.com. Basically I need a plugin that can send a popup to the user to rate the app after a specific task or amount of days using the app. Of course this needs to be for Phonegap/Cordova
php,jquery-mobile,mysqli,insert
please help find the sourse of my codes issue...when I click request the page just refreshes with all the data gone but nothing is inserted into the db... here is the image of the db and the code! what do I need to change to be able to insert the...
javascript,jquery,cordova,inappbrowser
I set the location to no to hide the default bar of the inappbrowser and used insertcss and executescript to create my own bar. The rest of the buttons i added are working except for the back and forward button that i creatd. I've already tried navigator.app.backHistory(); window.history.back(); window.history.go(-1); history.go(-1);...
android,cordova,whitelist
I'm not able to navigate to a certain URL when I'm using the following command: window.location.href = "http://google.com"; In my cordova config.xml file I already specified to access to all sources using the default cordova setting with the wildcard: <access origin="*" subdomains="true" /> Here is what location prints to the...
android,cordova,cross-platform,phonegap-plugins,cordova-3
There are many questions in stackoverflow and in other blogs which says just execute the below command to upgrade- sudo npm install -g [email protected] After executing the above command in my terminal i get the following- /usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova [email protected] /usr/lib/node_modules/cordova ├── [email protected] ├── [email protected] ├── [email protected] ([email protected]) └── [email protected]
angularjs,cordova,ionic-framework
I am having one cordova mobile app developed with the help of angularJS. In that, i have added the event listener 'resume' that calls when you log in to app, come out from the app without logout and again tap on the application icon on mobile to see it again....
jquery-mobile,jquery-mobile-listview,jquery-mobile-collapsible,jquery-mobile-panel
I am trying to use listviews with collapsable items within a panel, but I am getting strange results. Specifically, this is a minimal code I am using. Note that everything in the list view is taken from a JQuery Mobile example, so I would expect it to work out of...
android,cordova,gradle
I'm setting up an environment for Phonegap developing, and I'm getting some trouble to finally build and run an app for Android. When I try to execute build for Android, I got the following error: Running: C:\Users\Renan\workspace_html5\FIAP\Phonegap\phonegap-test\test\platfor ms\android\gradlew cdvBuildDebug -b C:\Users\Renan\workspace_html5\FIAP\Phonegap \phonegap-test\test\platforms\android\build.gradle -Dorg.gradle.daemon=true Unzipping C:\Users\Renan\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oi...
android,cordova,webkit,native,hybrid-mobile-app
I have set up a JSP website on a Tomcat 6.0 server. Now I want to create an Android app to fetch the web's data and view it on the phone. I have considered three possible plans for this: Rewrite the website into WAP version and use a Webview to...
javascript,cordova,ionic-framework,cordova-plugins
I'm using Cordova 4 with Cross-walk and on android it throws the 'Resource interpreted as Script but transferred with MIME type text/plain' error for all plugins' javascript files. I have already added the Whitelist plugin and added the following to my index.html file: <meta http-equiv="Content-Type" content="application/javascript; charset=UTF-8"> <meta http-equiv="Content-Security-Policy" content="default-src...
cordova,geolocation,phonegap-plugins,ionic,cordova-plugins
How often would watchPosition be called if the position is constantly updated? Is this something that can be configured? The docs just say "When the device retrieves a new location, the geolocationSuccess callback executes".