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"/>
Labels:

Comments

Post a Comment

Popular posts from this blog

Reverse Engineering : Extract contents from .img file

Unyaffs is a program to extract files from a YAFFS2 file system image. Currently it can only extract images created by mkyaffs2image. Download the source from here . Compiling : Extract the contents into a suitable place and run the following command make Usage : unyaffs [options] <image_file_name> [<extract_directory>] Options: -d detection of flash layout, no extraction -b spare contains bad block information -c <chunk size> set chunk size in KByte (default: autodetect, max: 16) -s <spare size> set spare size in Byte (default: autodetect, max: 512) -t list image contents -v verbose output -V print version Source: Official github repository
Post a Comment
Read more

Mac Yosemite : Ugly turned out to be Uglier and Ugliest

You might have read my review on Mac OSX Yosemite , The Good, bad and ugly. Now it turned out to be UGLIEST. No more words. Here's the image. If you are on Yosemite, you might be familiar with it. Most of the times, you get stuck on boot logo. I've seen complaints regarding it saying that fellow members are ignorant of it and they deny such possibility, even though many are still facing it. Workarounds suggested by our online friends: Just reboot your mac as many times it takes to your desktop. Boot into safe mode, by holding SHIFT and then reboot. Comment your workaround below, mine is the first one. If you are still on Mavericks, be there till Apple provides a fix for this.
Post a Comment
Read more

Reverse Engineering : Android Dex files to Class files

In my previous post, we have seen how to extract the contents of img file . After extraction, you will find that most of the files have ".dex" extension. These are Compiled Android application code files. In order to convert them into executable format (.class or .jar), you can use dex2jar tool. Extract it to a proper location and open the terminal to this location. Now run the following command: ./d2j-dex2jar.sh <Path-to-dex_file> It will bundle the dex files into a jar file, and stores it in the current directory. dex2jar can also be used to convert dex files into variuos other formats. For detailed info, click here .
Post a Comment
Read more