JavaScript Reference/Javascript Properties/dataSrc
"dataSrc" Example
<!--
Example revised from
The Web Programmer"s Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen
ISBN: 1593270119
Publisher: No Starch Press 2004
-->
<html>
<head>
<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.dataFld);
</script>
</head>
<body>
<button onclick="add();">Add Record</button>
<button onclick="del();">Delete</button>
<button onclick="alert(firstname.dataFld);">dataFld</button>
<button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button>
<button onclick="alert(myTable.dataPageSize);">dataPage</button>
<button onclick="alert(myTable.dataSrc);">dataSrc</button>
<div datasrc="#myData" id="myDiv" dataformatas="text"></div>
<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>
<br>
<br>
First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname"><br>
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname"><br>
<table id="myTable" datasrc="#myData" datapagesize="10">
<thead>
<tr style="font-weight:bold">
<td>First Name</td>
<td>Last Name</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
Joe,Smith
Manny,LastName
Tony,Belling
-->
"dataSrc" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <applet> |
| |<button> <div> |
| |<frame> <iframe> |
| |<img> <input type="button"> |
| |<input type="checkbox"> <input type="hidden"> |
| |<input type="image"> <input
type="password"> |
| |<input type="radio"> <input type="text"> |
| |<label> <marquee> |
| |<select> <span> |
| |<table> <textarea> |
+----------------+--------------------------------------------------------------+
"dataSrc" Syntax and Note
Note:
Read and write property.
Specifies the data object to which the element is bound.
The data source must be attached to the page as an object.
Syntax:
document.all.elementID.dataSrc = value