Actually I am a beginner i don't know how to make scrollable list but i make scrollable list which is working fine in blackberry touch device, but when i run same code in android list is not scrolling , i will share my code.
with simple example..
<!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_callBack()
{
//document.getElementById('loadingImg').style.visibility = "hidden";
var tabledata = "";
tabledata += "<table>";
for (var i = 0; i < 20; i++)
{
tabledata += "<tr id="+i+">";
tabledata += "<td >"+ i+ "</td>";
tabledata += "</tr>";
}
tabledata += "</table>";
document.getElementById("mainBodyDiv").innerHTML = tabledata;
}
</script>
</head>
<body onload="GetDepartureStationDashboard_callBack()">
<div id="wrapper">
<div class="login_cont">
<div class="home_icon"><a href="index.html"><img src="images/back-icon.png" alt="Home" title="Home" /></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'"/>
<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%">NEXT STATION</td><td width="5%">STATUS</td>
</tr>
</table>
</div>
<div class="scroll-pane" id="mainBodyDiv">
</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>
*************************************************************************************in css file************
.scroll-pane
{
width: 100%;
height: 150px;
z-index:1;
overflow: auto;
position: relative;
}
.scroll-pane table tr:hover
{
background:#dbe3ec;
}
can you do some change so that it will run on both platform android or blackberry touch device\
THANKS
Ravi
