html - Blackberry Scroll issue -


i have created html page blackberry. have done right not able scroll divisions using trackpad.

i testing in blackberry bold.

here code:

<!doctype html> <html> <head> <meta name="handheldfriendly" content="true" /> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="viewport" content="width=device-width,height=device-height,target-  densitydpi=device-dpi,user-scalable=no,initial-scale=1.0"> <title>xxxx</title> </head> <body class="claimtype"> <div class="mainwrapper"> <header> <h1>claim type<span></span></h1> </header> <article> <div class="claimtype_content">   <div class="claim_summary">     <h3>       <label>plan no:</label>       183245</h3>     <h4>health spending account</h4>     <h4>health spending account</h4>   </div>   <div class="claim_type_selection">     <h3>type of claim</h3>     <select name="claim_type_selection">       <option>select</option>       <option>select2</option>       <option>select3</option>       <option>select4</option>       <option>select5</option>     </select>     <div class="claimtype_desc">         <div class="claimdescimg">             <img src="inputuser.png" width="50" height="50">         </div>       <div class="claimtype_desctxt">       <h3>dental</h3>           <p>the following notes , warnings highlight missing or conflicting information caused validator perform guesswork prior validation. following notes , warnings highlight missing or conflicting information caused validator perform guesswork prior validation. following notes , warnings highlight missing or conflicting information caused validator perform guesswork prior validation.</p>       </div>     </div>   </div> </div> </article> </div> </body> </html> 

here want scroll "claimtype_desctxt" text have added overflow styles.

can on this?

everything need know summarized here:

using focus-based navigation

1st- specifying navigation mode in configuration file:

<widget>     <rim:navigation mode=�focus�/>     <feature id="blackberry.ui.dialog" /> </widget> 

2nd- defining focusable elements, here's example:

<img id="image1" src="imageb.png" x-blackberry-focusable="true" /> 

you can define initial focus:

<a class="list" x-blackberry-initialfocus="true">first element</a> 

here's complete sample code javascript function changes highlight style of focused objects:

<html> <head>     <title>color input type</title>    <script type="text/javascript">       function highlight(e) {          e.setattribute("style", "background-color: red; outline: cyan solid thick;");       }        function unhighlight(e) {          e.setattribute("style", "");       }    </script> </head>  <body>        <h2>test input type - text/password/email/search/tel/number</h2>       <div>          <label >text: </label>          <input type="text" x-blackberry-focusable="true" onmouseover="highlight(this);"              onmouseout="unhighlight(this);" />       </div>       <div>          <label>number: </label>          <input type="number" x-blackberry-focusable="true" onmouseover="highlight(this);"              onmouseout="unhighlight(this);" />       </div> </body> </html> 

i hope helps


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -