Web and WebWorks Development

[thinkkevin]

I'm just wrapping a mobile web link into a tablet app. So basically, the app shows the web URL page defined in config.xml. I want to add naviagation menu item like back and forward button, anyone knows how to do it?

Any way I could write some codes to make it just like a simple browser which links to a URL by default?

Thanks!

Kevin

[scrid2000]

You can have links or buttons using the following code:

Forward:

href="javascript:history.go(-1)">

Back:

href="javascript:history.go(1)"

You can use onclick="" as well if you'd prefer.

[thinkkevin]

Thanks for your reply. But it seems not what I want.

I couldn't modify the URL page I specify in the content:src element in config.xml. So I wonder if there is some tricky ways to do so.

[scrid2000]

Webworks doesn't give any good way to include an external Page that I'm aware of.

You might be able to use an iframe or embed the mobile webpage, and include navigation as well. However, the site owner could very easily block that (and may already have done so).

You can use child.browser, but it will not be BB10 compatible because it's based on flash.

Is the webpage static? The best option would be to simple include the HTML and js files within the app.

[thinkkevin]

The web page is HTML5 style page, and it works well within itself. But it has some links point to other site. After user clicks this kind of link, he could not get back again. That's my pain.

[scrid2000]

That's easy then package the site as an app, and set up the links to invoke the browser.

[thinkkevin]

Nice to talk with you. So how to make the links to invoke browser?

[scrid2000 · Accepted solution]

Instructions are at https://developer.blackberry.com/html5/apis/blackberry.invoke.html

It looks as if the API just changed (I haven't tested the new function) but you have a javascript command that you call with onclick.

Untested (by me) sample:

function openWebLinkInBrowser() {
    // open web link in browser
    blackberry.invoke.invoke({
        target: "sys.browser",
        uri: "http://www.blackberry.com"
    });
}

<img src="image.png" onclick="openWebLinkInBrowser()" />

[thinkkevin]

Great!

Thanks very much for your help!