1 月 10
前幾天有朋友問怎樣將XML嵌入HTML 然後再用XML來做個TABLE
所以就做了下面的例子 可能某天忘了會用到~
首先開一個新的xml檔 ( 某: 你在說廢話嗎~) 然後打入table將會顯示的資料
例子: test.xml
<?xml version="1.0" encoding="ISO-8859-1"?> <TABLE> <TEST> <WEB><a href="google.com"> Google </a></WEB> <NAME>Google</NAME> </TEST> <TEST> <WEB><a href="hk.yahoo.com"> Yahoo </a></WEB> <NAME>Yahoo</NAME> </TEST> </TABLE>
這裡的 <TABLE> <TEST> <WEB> <NAME> 等等會用到html裡 所以等一下再說
可能你會問 <WEB>裡的那些火星文是什麼
因為我朋友要求要做超連結 但因為xml裡沒有 <A> 所以這邊用了個方法把火星文變回html
其實他們真實面貌是這樣的:
<a href="google.com">Google</a> <a href="hk.yahoo.com">Yahoo</a>
對照表就不做了 上面應該可以看到符號的對應
再來是html 首先開一個新的html檔 ( 某:今天怎麼那麼多廢話~ )
把xml嵌入到html需要打一句語法 像下面的 ( 這裡用test.xml來做例子 ):
<xml id="test" src="test.xml"></xml>
嵌入xml後 如何做table呢? 首先用html新增一個普通的table
再把table引用xml進的資料 不說太多 來個例子比較快:
<table border="1"> <thead> <tr> <td>NAME</td> <td>WEB</td> </tr> </thead> <tbody> <tr> <td></td> <td></td> </tr> </tbody></table>
細心的你應該看到 table有這樣的幾個東 datasrc datafld 和 dataformatas
記得剛剛在xml那邊說過有幾個東是在html這邊會用到的嗎?
| datasrc : | 這個是把剛在xml定義的引入到table裡 這裡我用了 <TEST> 所以這邊打 “#test” |
| datafld : | 這個是你想那個xml的資料放進<tr>裡 當然這裡打的是要包含在datasrc內的 這裡的例子是<TEST><NAME> test是裡面包含name 所以這邊是打”NAME” ( 注意大小寫 ) |
| dataformatas : | 這是說明將那格的code轉成你設定的那個code 這裡我需要使用<a> 所以我轉換成HTML |
這樣就可以做成一個xml的table 如果你需要在table加一行<tr>
只需要在xml那邊<Table>內再新增一個<TEST>就好了
不用在html自己打<td><tr>的 還挺方便的~
後記: 2009年10月18日更新 因alink的關鍵字設定令之前的code亂掉 現已解決
星期六 ＊ 2009年 1 月 10日 written by
lopo
|
下午 06:30 |
