Question

I’m working on making a browser as a hybrid app using worklight framework for Android. I implemented my address bar as an input element which received the user input and pass the arguments to the webview to load the page.
However, I cannot figure out how to do the reverse: whenever the user click on a link in webview, I want the address bar to change to the new location.

Answer 1

Are you implementing a native page that is opened? If so, take a look at ChildBrowser, that basically does the same thing. It has a TextView being used as an address bar. You may decide to use it, or get the bits and pieces you want out of it. Regardless, I would image what you want to do something like this. By overriding the onLoadResource in the WebViewClient, you should be able to grab the url and change your TextBox.

In response to the comment below: inside your environment’s main js file in the wlEnvInit() function:

function wlEnvInit(){
    wlCommonInit();
    // Environment initialization code goes here       

    document.onclick=manageLinks;
}

Then in this function get the url and set the text of your input element:

function manageLinks(event) {
    var link = event.target;

    //go up the family tree until we find the A tag 
    while (link && link.tagName != 'A') {
        link = link.parentNode;
    }

    if (link) {
        var url = link.href;
        console.log("url = " + url);

        //You can decide if you want to separate external or 
        //internal links, depending on your application
        var linkIsExternal = ((url.indexOf('http://') == 0) || (url.indexOf('https://') == 0));

        if (linkIsExternal) {
            myInput.setText(url);
            return false;
        }
    }

    return true;
}

Inside of your WebView, inside the plugin, intercept the URL like this:

  webview.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url) {
                //use this area to set your input. Depending on how you
                //implemented your plugin, you may need to return this value
                //back to your main activity
                Toast.makeText(cordova.getActivity(), "Loading: " + url, Toast.LENGTH_LONG).show();
        }
   });