6週目

データバインディング

この機能はActiveXのものであるが,これを使うとデータの利用が簡単である.エクセルなどで作成したデータをcsvで保存した物を使うことが出来る.
week6_1.html
<html>
<body style="background-color:#ccccff;">
<object id="tdcStudent" width=0 height=0 CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
  <param name="FieldDelim" value=",">
  <param name="DataURL" value="data.csv">
  <param name="TextQualifier" value="">
  <param name="UseHeader" value="true">
</object>
<center>
エントリー
<table datasrc=#tdcStudent>
<tr>
<td bgColor="yellow"><span datafld="code"></span></td>
<td><span datafld="last"></span></td>
<td><span datafld="first"></span></td>
</tr>
</table>
<form>
<table border=0>
<tr>
<td>code:</td><td>  <input type=text datasrc=#tdcStudent DATAFLD="code"></td>
</tr>
<tr>
<td>名:</td><td>  <input type=text datasrc=#tdcStudent DATAFLD="first"></td>
</tr>
<tr>
<td>姓:</td><td>  <input type=text datasrc=#tdcStudent DATAFLD="last"></td>
</tr>
<tr>
<td>英語:</td><td>  <input type=text datasrc=#tdcStudent DATAFLD="eigo"></td>
</tr>
<tr>
<td>国語:</td><td>  <input type=text datasrc=#tdcStudent DATAFLD="kokugo"></td>
</tr>
<tr>
<td>数学:</td><td> <input type=text datasrc=#tdcStudent DATAFLD="suugaku"></td>
</tr>
</table>
<input type=button value="<<" onClick="tdcStudent.recordset.MoveFirst()">
<input type=button value=" < " onClick="tdcStudent.recordset.MovePrevious();if(tdcStudent.recordset.BOF)tdcStudent.recordset.MoveFirst();">
<input type=button value=" > " onClick="tdcStudent.recordset.MoveNext();if(tdcStudent.recordset.EOF)tdcStudent.recordset.Movelast();">
<input type=button value=">>" onClick="tdcStudent.recordset.Movelast()">
</form>

</center>
</body>
</html>

data.csv
code,first,last,eigo,kokugo,suugaku
1,太郎,田中,80,40,60
2,花子,理大,90,90,90
3,寅さん,ふーてんの,50,100,50