Hello,
I have a webworks smartphone app that uses focus-based navigation. The app also incorporates ad banners via the Banner object. When I include an ad banner in a page, the focus-based navigation doesn't work. If I exclude the Banner, focus-based navigation does work. Here's a simple example :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0">
<script type="text/javascript" src="http://www.blackberry.com/app_includes/asdk/adBanner.js"></script>
</head>
<body>
<center><div id='bannerDiv'></div></center>
<script type="text/JavaScript">
//only if the following line is commented out will focus-based navigation work
var bannerObj = new blackberry.advertising.Banner(<myZoneId>, "bannerDiv");
</script>
<!-- some controls that should receive focus on trackpad movement...
but they don't when the ad banner is included -->
<a href="link" onMouseOver="this.focus();">link1</a><br/>
<a href="link" onMouseOver="this.focus();">link2</a><br/>
<a href="link" onMouseOver="this.focus();">link3</a><br/>
</body>
</html>
Has anyone else encountered this problem of ad banners interfering with focus-based navigation? Any suggestions to work around the issue?
