Repeatedly triggering navigator.notification.confirm() function

Question

Repeatedly triggering navigator.notification.confirm() function

I am currently working on a JSON loop that retries connection 3 times before triggering an error. However, I have encountered a situation where multiple JSON requests are made, resulting in several alerts being displayed in my phonegap app.

For example:

function showJSONerror(xhr, status)  {
    
    if (xhr.status === 0 && localStorage["TmpAlertShow"] !== true) {
        navigator.notification.confirm('Connection error.\n Verify your network connection and try again.', confirmAction, 'Woops...','Try Again, Close');
        localStorage["TmpAlertShow"] = true;

        function confirmAction(button) {
            if (button == 1) { 
                localStorage["TmpAlertShow"] = false; 
                showPage(localStorage["TmpWebView"]);
            }  
            if (button == 2) { 
                localStorage["TmpAlertShow"] = false; 
                return false; 
            } 
        }
    }
}

I am looking for a solution to either close previous alerts using JavaScript or keep track of whether an alert has already been triggered and not closed to prevent displaying multiple alerts.

Thank you

javascript json cordova

Answer 1

Answer №1

If you're looking for a solution, one approach could be to set up a global variable that keeps track of the number of requests currently in progress. Then, in your error handling function, you can check if there are any requests running. If there are, you can store the results in a global array; if not, you can proceed with processing the errors for display.

Here's an example:

var requestsRunning = 0;
var requestResults = [];

Each time a call is initiated, increment the count:

requestsRunning++;

Once a call is completed, decrement the count:

requestsRunning--;

In your error handling function:

if(requestsRunning > 0) {
    requestResults.push(/*whatever data you want to collect*/);
}
else {
    /*compile results for error display*/
}

Answer 2

If you're looking for a solution, one approach could be to set up a global variable that keeps track of the number of requests currently in progress. Then, in your error handling function, you can check if there are any requests running. If there are, you can store the results in a global array; if not, you can proceed with processing the errors for display.

Here's an example:

var requestsRunning = 0;
var requestResults = [];

Each time a call is initiated, increment the count:

requestsRunning++;

Once a call is completed, decrement the count:

requestsRunning--;

In your error handling function:

if(requestsRunning > 0) {
    requestResults.push(/*whatever data you want to collect*/);
}
else {
    /*compile results for error display*/
}

Answer 3

Answer №2

I've encountered a comparable issue in the past

My solution involved visiting http://underscorejs.org/#after

Perhaps you could try this approach as well?

Answer 4

I've encountered a comparable issue in the past

My solution involved visiting http://underscorejs.org/#after

Perhaps you could try this approach as well?

Answer 5

Answer №3

Although this issue may be considered old, it continues to persist on Android even with Cordova 12.x in December 2023. To tackle this problem, I implemented a workaround by introducing a one-second delay boolean. While I believe there might be a more elegant solution available, this current approach has proven effective thus far.

// Implementing a boolean to avoid accidental/multiple doConfirm calls (known Android quirk?)
var doConfirmJustRan = false;

function doConfirm(confirmText, confirmTitle, confirmCallback){

  try{
    /* Check if doConfirm was just executed - prevent redundant calls */
    if(doConfirmJustRan == true){
      console.log('doConfirm() attempted to execute again/too soon [' + confirmText + ']. Exiting now.');
      return;
    } 

    /* Execute main navigator.notification.confirm functionality here ... */

    /* Reset variable after 1 second (?) */  
    doConfirmJustRan = true;
    window.setTimeout(function(){doConfirmJustRan = false;},1000);
    
  }catch(e){ /* Handle errors */ }
}

Answer 6

Although this issue may be considered old, it continues to persist on Android even with Cordova 12.x in December 2023. To tackle this problem, I implemented a workaround by introducing a one-second delay boolean. While I believe there might be a more elegant solution available, this current approach has proven effective thus far.

// Implementing a boolean to avoid accidental/multiple doConfirm calls (known Android quirk?)
var doConfirmJustRan = false;

function doConfirm(confirmText, confirmTitle, confirmCallback){

  try{
    /* Check if doConfirm was just executed - prevent redundant calls */
    if(doConfirmJustRan == true){
      console.log('doConfirm() attempted to execute again/too soon [' + confirmText + ']. Exiting now.');
      return;
    } 

    /* Execute main navigator.notification.confirm functionality here ... */

    /* Reset variable after 1 second (?) */  
    doConfirmJustRan = true;
    window.setTimeout(function(){doConfirmJustRan = false;},1000);
    
  }catch(e){ /* Handle errors */ }
}

Repeatedly triggering navigator.notification.confirm() function

Answer №1

Answer №2

Answer №3

Similar questions

ES6 syntax does not allow for exporting routers

Load MP3 or MP4 files upon initial loading

When the submit button on the contact form that utilizes jquery, ajax, and mailer php script is clicked, no action

How can I enable the feature of automatic address population when entering a PIN CODE in an Angular application?

When attempting to use Ajax, the operation fails; however, if I directly access the URL,

Auto-collapse sidebar upon clicking anywhere on the page

Retrieving Individual Data from JSON URL for Dashing Dashboard

What is the best way to simultaneously update multiple objects within an array in mongoDB?

Is it possible to intercept Angular core methods in order to implement some Aspect-Oriented Programming strategies?

Mobile site experiencing owl.carousel responsiveness issues after refreshing the page

The specified file ngx-extended-pdf-viewer/assets/pdf.js cannot be found

What is the purpose of assigning controller variables to "this" in AngularJS?

Utilizing an Object as a key within another Object

How to Retrieve URL Parameters in Gatsby

Issue with multiple dropdown menus not closing when clicked on

Access to JSON.stringify is prohibited

Guide on how to retrieve a value using image.onload on the client side

The ReactJS application is experiencing issues when run on an outdated version of Chrome, specifically version

How can the loader method be triggered from within a React component?

Sending state data in an Axios POST request