I'm trying to use a Phonegap plugin and am having trouble. This is my first time using a plugin with Phonegap.
The plugin I'm using is ChildBrowser for Android.
I have linked the Javascript files in the headers.
<script src="cordova-1.7.0.js" type="text/javascript"></script>
<script src="childbrowser.js" type="text/javascript"></script>
Also have followed steps 2, 3, and 4 listed on the Github page.
I try using the ChildBrowser plugin within a link:
<a href="#" onClick="window.plugins.childBrowser.openExternal("http://www.google.com");">Test</a>
When the link is clicked nothing happens.
Is there anything I'm missing? Do I have to add some code within the header to intialize the child browser plugin?
Logcat Returns
D/CordovaLog( 885): Error: Status=2 Message=Class not found
D/CordovaLog( 885): file:///android_asset/www/cordova-1.7.0.js: Line 958 : Error: Status=2 Message=Class not found
I/Web Console( 885): Error: Status=2 Message=Class not found at file:///android_asset/www/cordova-1.7.0.js:958
*EDIT: Based on my research on the web, the error I'm getting is most commonly triggered when the plugin is not referenced correctly from the plugins.XML file. I have double-checked and made sure it's right.
I'm wondering if it's possible that the src folder location is incorrect.
I have the src folder in the root of my project, which also contains my index.html, css, and javascript. I've noticed some people building Phonegap applications have a folder named www which contains the index.html, instead of just including it in the root of the project.*
It looks like the value for the onClick attribute is malformed, you can't use "" for strings inside another '"', i.e. it should look like:
<a href="#" onClick="window.plugins.childBrowser.openExternal('http://www.google.com');">Test</a>