当前位置: 首页 > 图文教程 > 网络编程 > PHP > VML绘图板⑤浏览--view.php

PHP
PHP+MySQL教程(6):MySQL Where子句
PHP+MySQL教程(7):MySQL Order By关键词
PHP+MySQL教程(8):MySQL Update
PHP+MySQL教程(9):MySQL Delete From
PHP+MySQL教程(10):Database ODBC
PHP XML Expat 解析器
PHP XML DOM
PHP SimpleXML
PHP+AJAX教程(1):AJAX 简介
PHP+AJAX教程(2):AJAX XMLHttpRequest
PHP+AJAX教程(3):PHP和AJAX请求
PHP+AJAX教程(4):PHP和AJAX XML实例
PHP+AJAX教程(5):AJAX MySQL数据库实例
PHP+AJAX教程(6):AJAX responseXML实例
PHP+AJAX教程(7):AJAX Live Search
PHP+AJAX教程(8):AJAX RSS阅读器
PHP+AJAX教程(9):AJAX投票
由浅入深学习PHP网站开发教程专题
采用PHP网页方式建站已经成为主流
MySQL Explain命令用于查看执行效果

PHP 中的 VML绘图板⑤浏览--view.php


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 118 ::
收藏到网摘: n/a

<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>