HTML與XML資料

建立一個data.xml

  <?xml version="1.0" encoding="gb2312"?>
  <myclassmates>
    <classmate>
      <name>11</name>
      <age>11</name>
    </classmate>
  </myclassmates>

*************************
* 在HTML中顯示xml中的資料
*************************
NO.1--用很簡單的資料繫結了

NO.2--表格綁定資料(很好的)
      <xml id=xmldata src=data.xml></xml>
      <table id=xmltable datasrc="#xmldata" datapagesize="3">
      <theme>
      <th>Name</th><th>Age</th>
      <tr>
      <td><span datafld="name"></span></td>
      <td><span datafld="age"></span></td>
      </table>
NO.3--用css來顯示(沒有html的事情)
       建立css
       name{display:block;font-size:22pt;color:#ccccff;background-color:red}
       age{display:block;font-size:12pt}
       在data.xml串連css
       <?xml-stylesheet href="css.css" type="text/css"?>
NO.4--用xsl來顯示(不說了)
NO.5--用ASP的xmlDOM對象也可以,不過不是今天討論的範圍

***********************
*  操作xml資料
***********************
用vbs或者js來搞定

例如上面的NO.1
     <button onclick="xmldata.recoreset.movefirst()">First</button>
     <button onclick="if(xmldata.recordset.absoluteposition<>1) xmldata.recordset.moveprevious()">Prev</button>
     <button onclick="if(xmldata.recordset.absoluteposition<>xmldata.recordset.recodcount)xmldata.recordset.movenext()">Next</button>
     <button onclick="xmldata.recordset.movelast()">Last</button>
上面的NO.2可以分頁顯示了:
     <button onclick="xmltable.firstPage()">First</button>
     <button onclick="xmltable.previousPage()">Prev</button>
     <button onclick="xmltable.nextPage()">Next</button>
     <button onclick="xmltable.lastPage()">Last</button>
 
sr:http://www.cnblogs.com/caca/archive/2004/07/16/25018.aspx