Skip to main content

ChildBrowser Android

First you need to get ready with the phonegap running properly.It's here. First download the source from here

Now follow these procedure:
 1. To install the plugin, move www/childbrowser.js to your project's www folder and include a reference to it in your html file after phonegap<version>.js.

<script type="text/javascript" charset="utf-8" src="phonegap<version>.js"></script>
<script type="text/javascript" charset="utf-8" src="childbrowser.js"></script>
2. Copy the image files folder www/childbrowser to your project's www folder.Here you can edit the code or add any other files, but keep the folder named "ChildBrowser" as it is. Because, it is being referenced from others locations.
3. Create a directory within your project called "src/com/phonegap/plugins/childBrowser" and copy "src/com/phonegap/plugins/childBrowser/ChildBrowser.java" into it.

3.1. If you would like to add these folder(childBrowser folder with file ChildBrowser.java) into your existing 'src' folder, then there are some minor changes. Open ChildBrowser.java and change the package name to the relevant one.
4. In your res/xml/plugins.xml file add the following line:

<plugin name="ChildBrowser" value="com.phonegap.plugins.childBrowser.ChildBrowser"/>

4.1. If you followed the step-3.1, ie., if you added the folder elsewhere, change the "value" tag.

5. Customize the links as per your need and build the project.


-------------------------------------------------------------------------------------------------------------------------------------------------

index.html
<html>

  <head>

    <meta name="viewport" content="width=320; user-scalable=no" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8">

    <title>Child Browser Example</title>

    <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8">

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

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

    <script type="text/javascript" charset="utf-8">

    function init(){

        document.addEventListener("deviceready", onDeviceReady, false);

    }


     function onDeviceReady() {

        console.log("PhoneGap is ready");

    }


    function locationChanged(newurl) {

        console.log("The JS got this url = " + newurl);

    }

    function closed() {

        console.log("The JS got a close event");

    }

    function showToolbar(locbar) {

        window.plugins.childBrowser.onLocationChange = locationChanged;

        window.plugins.childBrowser.onClose = closed;
         window.plugins.childBrowser.showWebPage("http://thechaithanya.wordpress.com",{

            showLocationBar: locbar

        });

    }

    </script>

  </head>

  <body onload="init()">

    <a href="#" onclick="showToolbar(true);">Page with Toolbar</a>

    <a href="#" onclick="showToolbar(false);">Page without Toolbar</a>

  </body>

</html>

-------------------------------------------------------------------------------------------------------------------------------------------------

Example: If your source file is at src/com/chaithanya/sample,then

if "ChildBrowser.java" is at "src/com/chaithanya/sample/childBrowser", then in res/xml/plugins.xml add
<plugin name="ChildBrowser" value="com.chaithanya.sample.childBrowser.ChildBrowser"/>
else if "ChildBrowser.java" is at "src/com/phonegap/plugins/childBrowser", then in res/xml/plugins.xml add
<plugin name="ChildBrowser" value="com.phonegap.plugins.childBrowser.ChildBrowser"/>

Comments

Popular posts from this blog

Karabiner: Mouse/keyboard customizer for OS X

For beginners, or the one who migrated from Windows environment, Natural Gestures (Scrolling and Swiping) might be bit confusing. But, once you get familiarized with them, it may feel like "What was I doing, all those days?". It all changed, when I connected external mouse to my Macbook. When you start using that WHEEL, you will be confused. Luckily there is a setting for mouse, to change scroll behavior (natural or the other way). But, here's the catch. If you toggle that setting, it also toggles the same for TRACKPAD!!!!! I've seen that many people were freaked out and even raised BUG report to Apple. But, all those reports were closed, saying that is not a bug, but intentional feature!!! For those, who can't leave with such one-sided settings, here is a simple util, which came to my rescue: Karabiner It's simple, powerful and stable mouse/keyboard customizer for OSX. Without going into much detail, here's the configuration I used to ret...

USB port not working on Mac

Recently I connected  an external hard-disk   to my new MacBook and observed that it was not properly detected on one of the USB ports. But I can see that it is powering my HDD. I tried switching to other port and it worked. I simply ignored it by thinking that my HDD cable might be loose. Now I bought a new USB drive and to get it detected, I have to insert and detach it multiple times. And as usual, I suspected the new USB drive, as my Mac is brand new. And planned to replace my USB drive. Now my HDD came back to   my mind. And also my earlier laptop, in which few KEYS went unresponsive due to accumulated charges. By little researching I found that I'm not alone. The solution that worked for me was "Resetting SMC" Here is the procedure I followed: Shut down the Mac and connect the power cable Hold down Shift+Control+Option+Power concurrently for a few seconds. When the light on the power adapter blinks or changes colors you’ll know SMC r...

HSQLDB

It's been almost two years I've been using HSQLDB in one of my client-critical application. When I was given the task of working on this application (which was already in production), main challenge was to reduce latency and also to make it flexible enough to accommodate any future use-cases. Without going into to much details, here's my use-case: Application receives data from multiple sources Parse data from each source and extract required data Aggregate this extracted data and find best candidate which satisfies certain rules One simplest solution is to join data from all sources by having a (for-)loop, one each for a source and apply rules inside inner-most loop. As number of data sources increases, so does the latency. HSQLDB came to my rescue. I used in-memory variant, as the data is non more required, once a candidate is found. Data extracted from each source is stored into DB (from here on, DB => in-memory HSQLDB), where...