<html>
<xmlns:v="urn:schemas-microsoft-com:vml" />
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>vml绘图板</title>
<style>
v\:* { behavior: url(#default#vml); }
td { font-size:9pt; }
</style>
</head>
<script src="xmltool.js"></script>
<script>
// 钩子函数，用于清除代码显示
function hooke() {
code.innertext = "";
}
// 从服务器获取xml文档。服务器将返回vml文档，可以根据参数v简单的用readfile函数
function loadxml(v)
{
var xmlhttp = new activexobject("microsoft.xmlhttp");
xmlhttp.open("get","server.php?info="+v,false);
xmlhttp.setrequestheader("contrn-type","text/xml");
xmlhttp.setrequestheader("contrn-charset","gb2312");
xmlhttp.send(v);
view.innerhtml = xmlhttp.responsetext;
hooke();
if(xmlhttp.responsetext.indexof("error:")!=-1) {
alert(xmlhttp.responsetext);
}
}
// 以下函数用于与vml文档交互
function cursor() {}
function mouse_down() {}
function mouse_up() {}
function setovercolor() {}
function setoutcolor() {}
function deletenode() {}
</script>
<body onload="loadxml(1)">
<table>
<tr>
<td>作品展示</td>
</tr>
<tr>
<td id="view"></td>
</tr>
<tr>
<td>
<?php
// 变量num为保存的vml文档总数，这里仅简单的指定。请根据实际的组织调整
$num = 10;
for($i=1;$i<=$num;$i++)
echo sprintf("<span style=\"cursor:hand;\" onclick=\"loadxml(%d)\" nobr>%4d</span>\n",$i,$i);
?>
</td>
</tr>
<tr>
<td style="cursor:help;" onclick="code.innertext=view.innerhtml">查看vml代码</td>
</tr>
<tr>
<td id="code"></td>
</tr>
</table>
</body>
</html>
