| ポイント |
<![CDATA[
<span datafld="UserName" dataformatas="html">
]]>
|
| 説 明 |
CSV形式のデータをHTMLとして表示するには、まずobjectタグでデータバインドを行う各種パラメータを設定します。DataURLが表示するCSV形式のファイル名、UseHeaderはヘッダー付きかどうかを指定します。ヘッダーを指定し表示するデータと関連づけをdatafld属性で行います。データをHTMLとして表示させる場合には表示させるspan,divタグ内にdataformatas="html"を記述します。これによりCSVデータ内の特定のフィールドのデータがHTMLとして解釈されページ上に表示されます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>CSV形式のデータをHTMLとして表示する【データバインド】</title>
</head>
<body>
<object id="myDatabase" classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
<param name="DataURL" value="data.csv">
<param name="UseHeader" value="true">
</object>
<table datasrc="#myDatabase">
<thead>
<tr><th>ID</th><th>アカウント名</td><td>参照回数</td></tr>
</thead>
<tbody>
<tr>
<td ALIGN="right"><span datafld="ID" ></span></td>
<td ALIGN="left" ><span datafld="UserName" dataformatas="html"></span></td>
<td ALIGN="right"><span datafld="Age" ></span></td>
</tr>
</tbody>
</table>
</body>
</html>
]]>
|
| 補足説明 |
サンプルで使用しているCSV形式の内容は以下の通りです。
<![CDATA[
ID:INT,UserName,Age:INT
1,"<b>Aoyagi</b>",33
2,"<big>Akanuma</big>",28
3,"<font color=red>Kanuma</font>",19
4,"<i>Kurume</i>",48
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
CSV形式のデータをHTMLとして表示する【データバインド】