'boundElements' Example
<html>
<head>
<title>Recordset Events</title>
<script language="javascript">
function rowEnter(){
myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = 'yellow';
}
function add(){
myData.recordset.AddNew();
}
function del(){
if (myData.recordset.RecordCount > 0)
myData.recordset.Delete();
}
</script>
<script for="myTable" event="onreadystatechange">
if (this.readyState == 'complete'){
this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = 'yellow';
myData.onrowenter = rowEnter;
}
</script>
<script for="myData" event="onrowexit">
for (var i = 1; i <= myData.recordset.RecordCount; i++) {
myTable.rows[i].style.backgroundColor = '';
}
</script>
<script for="tableList" event="onclick">
myData.recordset.AbsolutePosition = this.recordNumber;
window.event.cancelBubble = true;
</script>
<script for="myData" event="oncellchange">alert(event.boundElements(0, 0).value);</ script>
</head>
<body>
<input id=cmdAdd type="button" value="ADD RECORD" onclick="add();">
<input id=cmdDelete type="BUTTON" value="DELETE" onclick="del();">
<object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" id="myData">
<param name ="DataURL" value="myfile.csv">
<param name="UseHeader" value="True">
<param name="TextQualifier" value="'">
</object>
<table>
<tr>
<td>First Name</td>
</tr>
<tr>
<input id="firstname" type="text" datasrc="#myData" datafld="firstname"></td>
</tr>
<tr>
<td>Last Name</td>
<td><input id="lastname" type="text" datasrc="#myData" datafld="lastname"></td>
</tr>
</table>
<table id="myTable" datasrc="#myData">
<thead>
<tr style="font-weight:bold">
<td>First</td>
<td>Last</td>
</tr>
</thead>
<tbody>
<tr id="tableList">
<td><span datafld="firstname"></span></td>
<td><span datafld="lastname"></span></td>
</tr>
</tbody>
</table>
</body>
</html>
<!--
Contents of myfile.csv:
firstname:string,lastname:string
John,Smith
Manny,Ramirez
Troy,Belling
-->
Related examples in the same category