リンクと画像のデータバインディング

●テーブルデータバインディングで<A>タグと<IMG>タグにXML要素をバインドした例。
●<A>タグ、<IMG>タグのdatafld属性に、バインド先のXML要素名を指定。

●バインドされたデータは、<A>のhref属性に、<IMG>のsrc属性に反映する。

[サンプルHTML文書を表示](下のフレームに)

XMLソース

<?xml version="1.0" encoding="Shift_JIS" ?>
<start>
  <link>
    <image>../../images/linkhome.gif</image>
    <url>../../index.htm</url>
    <title>Topページ(ホーム)</title>
  </link>
  <link>
    <image>../../images/linkdosv.gif</image>
    <url>../../dosv/dosv.htm</url>
    <title>大阪日本橋Map</title>
  </link>
  <link>
    <image>../../images/linkcss.gif</image>
    <url>../../dhtm/frameset.htm</url>
    <title>CSSとDynamicHTML</title>
  </link>
  <link>
    <image>../../images/linkvb.gif</image>
    <url>../../vbs/index.htm</url>
    <title>VB Script</title>
  </link>
  <link>
    <image>../../images/linkjaap.gif</image>
    <url>../../japplet.htm</url>
    <title>Java Applet</title>
  </link>
  <link>
    <image>../../images/linkjasc.gif</image>
    <url>../../javasc/jscframe.htm</url>
    <title>Java Script</title>
  </link>
</start>

HTMLソース

<BODY>

<XML ID="site" SRC="data03.xml"></XML>

<TABLE datasrc="#site" border="2">
  <TR>
    <TD><A datafld="url" target="_blank"><IMG datafld="image"></A></TD>
    <TD><A datafld="url" target="_blank"><SPAN datafld="title"></SPAN></A></TD>
  </TR>
</TABLE>

end(01/1/16)