Use the Master/Detail Feature with the C++ XML Data Source Object
Create Noname1.XML
<orders>
<order order_number="2233">
<customer>
<name>John Smith</name>
<custID>192883</custID>
</customer>
<item>
<name>Fly Swatter</name>
<price>9.99</price>
</item>
</order>
<order order_number="2234">
<customer>
<name>Marea Angela Castaneda</name>
<custID>827145</custID>
</customer>
<item>
<name>Fly Paper</name>
<price>15.99</price>
</item>
</order>
<order order_number="2235">
<customer>
<name>Amy Jones</name>
<custID>998022</custID>
</customer>
<item>
<name>Mosquito Netting</name>
<price>38.99</price>
</item>
</order>
</orders>
Create Html
<XML ID=xmlDoc src="Noname1.xml"></XML>
<P>ORDER NUMBER: <SPAN DATASRC="#xmlDoc" DATAFLD="order_number"></SPAN></P>
<TABLE DATASRC="#xmlDoc" DATAFLD="customer" BORDER>
<THEAD><TH>NAME</TH><TH>ID</TH></THEAD>
<TR>
<TD><SPAN DATAFLD="name"></SPAN></TD>
<TD><SPAN DATAFLD="custID"></SPAN></TD>
</TR>
</TABLE>
<TABLE DATASRC="#xmlDoc" DATAFLD="item" BORDER=1>
<THEAD><TR><TH>ITEM</TH><TH>PRICE</TH></TR></THEAD>
<TR>
<TD><SPAN DATAFLD="name"></SPAN></TD>
<TD><SPAN DATAFLD="price"></SPAN></TD>
</TR>
</TABLE>
<INPUT TYPE=BUTTON VALUE="Previous Order" οnclick="Previous()">
<INPUT TYPE=BUTTON VALUE="Next Order" οnclick="Next()">
<script LANGUAGE="JScript">
function Previous(){
if (xmlDoc.recordset.AbsolutePosition > 1)
xmlDoc.recordset.movePrevious();
else
alert("Already at first record.");
}
function Next(){
if (xmlDoc.recordset.AbsolutePosition < xmlDoc.recordset.RecordCount)
xmlDoc.recordset.moveNext();
else alert("Already at last record.");
}
</script>