Using PhoneGap Plugin: Child Browser

Question

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?

Application Zip File.

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.*

Answer 1

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>