2012-06-04 4 views
1

J'ai créé une page HTML pour Blackberry. J'ai bien fait mais je ne suis pas capable de faire défiler les divisions en utilisant trackpad. Je suis en train de tester ceci dans Blackberry Bold.Blackberry Scroll Numéro

Voici mon 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 and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation.</p> 
     </div> 
    </div> 
    </div> 
</div> 
</article> 
</div> 
</body> 
</html> 

Ici, je veux faire défiler le texte "de claimtype_desctxt" où j'ai également ajouté des styles de débordement.

Quelqu'un peut-il aider à ce sujet?

Répondre

0

Tout ce que vous devez savoir est résumé ici:

Using focus-based navigation

1er- Spécification du mode de navigation dans le fichier de configuration:

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

2nd Éléments vario, voici l'exemple:

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

Vous pouvez al afin de définir objectif initial:

<a class="list" x-blackberry-initialFocus="true">First element</a> 

Voici le code exemple avec une fonction javascript qui change le style de mise en surbrillance des objets centrés:

<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> 

J'espère que cette aide

+0

réponses devrait vraiment contenir une réelle contenu, plutôt que seulement des liens ailleurs: http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers –

+0

êtes-vous heureux maintenant? – saada

+0

son approche HTML 5 Webworks ... je n'utilise pas Webworks .. –