Custom JavaScript alerts in iOS using PhoneGap HTML

Question

My app has a couple of JS alerts and it seems to always display the page name like.

index.html

Is there a way to change the index.html to my App's name or custom text.

Example:

My App // Which replaces .index.html
alert("I am an alert box!");

Answer 1

To be able to test on both a desktop browser and PhoneGap application, I suggest to use a dynamic approach as such:

function showMessage(message, callback, title, buttonName) {

    title = title || "default title";
    buttonName = buttonName || 'OK';

    if(navigator.notification && navigator.notification.alert) {

        navigator.notification.alert(
            message,    // message
            callback,   // callback
            title,      // title
            buttonName  // buttonName
        );

    } else {

        alert(message);
        callback();
    }

}

Answer 2

Like Simon said check out the notifications it's part of the phonegap API.

You call it like this -

Notification with options:

navigator.notification.confirm(
   "This is my Alert text!",
    callBackFunction, // Specify a function to be called 
    'Alert Title',
    ["Ok", "Awesome"]
);

function callBackFunction(b){
  if(b == 1){
    console.log("user said ok");
  }
  else {
    console.log("user said Awesome");
  }
}

A simple notification -

navigator.notification.alert(
    "This is my Alert text!",
    callBackFunctionB, // Specify a function to be called 
    'Alert Title',
    "OK"
);
function callBackFunctionB(){
    console.log('ok');
}

Hope that helps!

Answer 3

Use navigator.notfication.alert as you can provide your own title.