14
RajasScripts,
I have a similiar using "sorttable.js" (http://kryogenix.org/code/browser/sorttable/). If the box get checked the value is lost. The checkbox state is being lost. Does anyone know of a solution? It is only in IE. In mozilla the checkbox state is remembered.
Steve
**** - email removed
Here is some sample code.
-----------------------------------------------------------------------------------------------------------------
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>website</title>
<script type="text/javascript" src="sorttable.js" ></script>
<script type="text/javascript">
<!--
function SetValue(id,message){
document.getElementById("value"+id).innerHTML = message+id;
}
//-->
</script>
<!--[if IE]>
<style type="text/css">
div.TableContainer {
height: 120px;
overflow: auto;
width: 700px;
}
div.TableContainer table {
width: expression(this.parentNode.offsetWidth-17);
}
div.TableContainer table thead tr {
position: relative;
/* this fixes the IE jumping header */
top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );
}
</style>
<![endif]-->
</head>
<body>
<hr/><hr/><hr/><hr/><hr/><hr/><hr/>
<div class="TableContainer" >
<table border='0' cellspacing='0' cellpadding='0' class="sortable">
<thead>
<tr bgcolor="#996600">
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th width="19"></th>
</tr>
</thead>
<tbody style="max-height:120px;overflow:auto">
<tr>
<td><input type="checkbox" onclick="SetValue(0,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value0">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" value="on" onclick="SetValue(1,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value1">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" value="off" onclick="SetValue(2,'value');"</td>
<td>JAh RAsta</td>
<td><span id="value2">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" onclick="SetValue(3,'value');"></td>
<td><input type="text" value="JAh RAsta" </td>
<td><span id="value3">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" onclick="SetValue(4,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value4">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" onclick="SetValue(5,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value5">4444444444<span></td>
</tr>
<tr>
<td><input type="checkbox" onclick="SetValue(6,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value6">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" onclick="SetValue(7,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value7">444444<span></td>
</tr>
<tr>
<td><input type="checkbox" onclick="SetValue(8,'value');"></td>
<td>JAh RAsta</td>
<td><span id="value8">4444444444<span></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>[/HTML]
