Not able to scroll list in non touch device in blackberry using phon2 gap technology
===

    Hi i am not able to scroll list . i am using this code give me sum suggestion..i am sharing my code
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      	<title>Departure Schedule</title>
      	<link href="style/style.css" rel="stylesheet" type="text/css" />
    	<script type="text/javascript" src="script/common.js"></script>
    	<script type="text/javascript" src="script/soapclient.js"></script>	
    	<script type="text/javascript" src="script/jquery.min.js"></script>	
    	<script type="text/javascript">
       		
       		function GetDepartureStationDashboard()
      		{      
    		     var pl = new SOAPClientParameters();
    		     var params = getParams();
    		     var parameter1 = unescape(params["getStationCode"]);
    		     var parameter2 = unescape(params["getStationDesc"]).replace(/[+]/g," ");
    		     document.getElementById("headingcontent").innerHTML = parameter2;
    		     pl.add("parameter1", parameter1);
    		     SOAPClient.invoke(WSDLURL, "GetDepartureStationDashboard", pl, true, GetDepartureStationDashboard_callBack);
      		}
      		function GetDepartureStationDashboard_callBack(r)
     		{ 

// list which i want to scroll
    	 		alert(r);// web service data
    			var listdata = ""; 
    			//tabledata += "<ul x-blackberry-focusable=\"true\">";
    			//alert(""+r[0].stationName);
    			for (var i = 0; i < r.length-1; i++)
              	{
    	          //	
    	        	listdata += "<li x-blackberry-focusable=\"true\"  id=\"i\"  x-blackberry-onUp=\"scroll(r.length-1)\" x-blackberry-onDown=\"scroll(r.length-1)\">" + r[i].stationName + "</li>";   	
              	}
              	//listdata += "</ul>";
              	alert(listdata);
              	document.getElementById("iscroller").innerHTML = listdata;
    		}
    		
    	</script>
    </head>
    <body onload="GetDepartureStationDashboard()">
    <div id="wrapper">
      <div class="login_cont" x-blackberry-focusable="true">
        <div class="home_icon"><a href="index.html"><img src="images/back-icon.png" alt="Home" title="Home" x-blackberry-focusable="true"/></a></div>
        <h1 class="fr">Departures</h1>
        <div class="cl"></div>
          <div class="mid_cont">
            <div class="grid_cont">
              <div class="heading_bar">
                <h1 class="fl" id="headingcontent"></h1>
                <input name="" type="button" class="heading_btn fr" value="Change" onclick="location.href='index.html'" x-blackberry-focusable="true"/>
                <div class="cl"></div>
              </div>
              <div>
              	<table width="100%" border="0" cellspacing="0" cellpadding="0">
              		<tr>
              			<td width="30%">PLATFORM NO.</td><td width="30%">STD - ETD</td><td width="35%">Destination</td><td width="5%">STATUS</td>
              		</tr>
              	</table>
              </div>
              <div class="scroll-pane">
                
                  <ul id = "iscroller" x-blackberry-focusable="true">
                  </ul>
                
            </div>
            <div class="grid_error"><img src="images/help-icon.png" /> Departure Schedule</div>
          </div>
        </div>
      </div>
    </div>
    <input type="hidden" name="hdnStationName" id="hdnStationName" value="" />
    </body>
    </html>

