CODEWITHSUNDEEP
javascriptioscordovaphonegap-pluginshybrid-mobile-app
Viraj Shah
Viraj Shah

Reputation: 790

What is necessary to use a phonegap plugin?

I am working on a project where I need to use navigator.notification.alert ... as a replacement for alert() (because alert() has a label at the top saying index.html).

I am using the PhoneGap View application for iOS to test this application out, and nowhere does it allow me to invoke that method (navigator.notification.alert()).

Here is what I did:

Since I am fairly new to Phonegap and Cordova, I would like a list of everything I would need to actually use this plugin.

Is there any JavaScript file which I would need to import? Is there a way to import the plugin into my HTML? Can I have a list of everything I need to do to use any PhoneGap plugin?

Update 1

Even after creating a new phonegap application, I don't get any cordova.js files:

enter image description here

Upvotes: 0

Views: 67

Answers (2)

Hardik Vaghani
Hardik Vaghani

Reputation: 2173

Try adding platform with (it will add cordova.js file which is necessary for plugins)

cordova platform add android/ios

and then build

cordova build

Possibly issue of Phonegap reported here and here.(Due to that its not adding cordova.js file)

Do call any plugins after device ready because that makes plugins available. If you will call plugins directly then you may get plugins undefined.

For Example

<!DOCTYPE html>
<html>
  <head>
    <title>Notification Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for PhoneGap to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // PhoneGap is ready
    //
    function onDeviceReady() {
        // Empty
    }

    // alert dialog dismissed
    function alertDismissed() {
        // do something
    }

    // Show a custom alert
    //
    function showAlert() {
        navigator.notification.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
    }

    </script>
  </head>
  <body>
    <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p>
  </body>
</html>

Reference

Regards.

Upvotes: 1

Naresh Kumar
Naresh Kumar

Reputation: 938

Any phonegap plugin will work after deviceready event is fired. So make sure deviceready is fired before calling the navigator.notification.alert() method.

Since you are adding plugins through the cli no need to import any javascript file. You just add a reference to cordova.js file if not there in your html page.

Hope it helps you.

check the project below structure enter image description here

Upvotes: 1

Related Questions