Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Contributor
Posts: 10
Registered: ‎12-09-2012
My Device: BB10
My Carrier: Bell

child webview inside JQuery header and footer

I'm new to app development and was just wondering if anyone can help with my current road block.  

 I'm trying to develop an app for BB10 and I've been having difficulty with getting the external site contents to open up inside the frame of header and footer of the app created by using JQuery mobile as below:
 
 
<div data-role="header" data-position="fixed">
<h1>Title</h1>
</div>
<div data-role="content"> 
<a href="external site.html" target="_SELF">external link</a>
</div>
 
       <div data-role="footer" data-position="fixed">
               </div>
 
The external site kept opening over the whole screen (ie replacing the data-role header and footer) regardless of which target I use.
 
I'm just wondering if i'm doing something incorrectly or if there is anyway around it.
 
Any help would be much appreciated
BlackBerry Development Advisor
Posts: 115
Registered: ‎06-06-2011
My Device: 9800
My Carrier: Rogers

Re: child webview inside JQuery header and footer

If a uri is not whitelisted it will open in child webview

 

if you know the uri then in your config.xml add

 

<access uri="http://www.google.com" />

 

if you don't know the uri ahead of time, just add

 

<access uri="*" />

 

That will fix the problem.

 

 

 

@nukulb
Contributor
Posts: 10
Registered: ‎12-09-2012
My Device: BB10
My Carrier: Bell

Re: child webview inside JQuery header and footer

Thanks for your prompt reply.  I've done that already and it still does not work.  I'm not sure if I made myself clear in the first post.  I would like to have the external link open up inside the JQuery Mobile frame that has header at the top and footer with an action bar at the bottom.

 

I've tested the code below out and noticed that only lower case "_blank" opens with a webview that has a "close" button at the top.  The rest of the target (lowercase), open the page without the close button.  None opens inside the Jquery header and footer frame.

 

If I use uppercase, all of the targets open with a "close" button at the top.  Again none opens inside the Jquery frame.

 

 

<a href="http://www.google.com" target="_blank">blank</a>
<a href="http://www.google.com" target="_top">top</a>
<a href="http://www.google.com" target="_self">self</a>
<a href="http://www.google.com" target="_parent">parent</a>
<a href="http://www.google.com" target="_BLANK">BLANK</a>
<a href="http://www.google.com" target="_TOP">TOP</a>
<a href="http://www.google.com" target="_SELF">SELF</a>
<a href="http://www.google.com" target="_PARENT">PARENT</a>