Bind Data Island to HTML Elements

ben2ong2 · October 05, 2006, 05:18:59 PM

In the next example, we will embed an XML file called "cd_catalog.xml" into an HTML file.
View "cd_catalog.xml".
The HTML file looks like this:
<html><body><xml id="cdcat" src="cd_catalog.xml"></xml><table border="1" datasrc="#cdcat"><tr><td><span datafld="ARTIST"></span></td><td><span datafld="TITLE"></span></td></tr></table></body></html>
Example explained:
The datasrc attribute of the <table> tag binds the HTML table element to the XML data island. The datasrc attribute refers to the id attribute of the data island.
<td> tags cannot be bound to data, so we are using <span> tags. The <span> tag allows the datafld attribute to refer to the XML element to be displayed. In this case, it is datafld="ARTIST" for the <ARTIST> element and datafld="TITLE" for the <TITLE> element in the XML file. As the XML is read, additional rows are created for each <CD> element.
If you are running IE 5.0 or higher, you can try it yourself.
Also try this example, demonstrating <thead>, <tbody>, and <tfoot>.

Ryan's District Boards

News:

Bind Data Island to HTML Elements

ben2ong2