以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  在html中嵌入svg,并且动态刷新html来改变svg元素属性  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=25491)


--  作者:zhiyu-2000
--  发布时间:12/15/2005 2:46:00 PM

--  在html中嵌入svg,并且动态刷新html来改变svg元素属性
simple.html,内容如下:
<html>
<frameset rows="*" cols="100%,*">
    <frame name="frameX" src="x.html">
    <frame name="frameY" src="y.html">
</frameset>
</html>

x.html,内容如下:
<html>
<head>
<script language="JavaScript">
<!--
function setSVGAttribute(name, attribute, value) {
    svgDocument = document.sample.getSVGDocument();
    targetObj = svgDocument.getElementById(name);
    if (targetObj != null) {
 targetObj.setAttribute(attribute,value);
    }
}

function reload(){
    clearTimeout(timerId);
    parent.script.location.replace("y.html");
    timerId = setTimeout("reload()", 30000);
}
// -->
</script>
</head>
<body onLoad="timerId=setTimeout('reload()', 30000)">
<embed name="sample" type="image/svg+xml" src="simple.svg" width="100%" height="100%">
</body>
</html>


y.html,内容如下:
<html>
<head>
<script language="JavaScript">
<!--
function set() {
    parent.frameX.setSVGAttribute("obj1", "stroke", "red");
}
// -->
</script>
</head>
<body onload="set()"/>
</html>

x.html中嵌入的svg名字为simple.svg,内容如下:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="simplestyle.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
         "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
<polygon id="obj1"  fill="white" stroke="black" stroke-width="1" points="112,212 190,212 190,204 112,204"/>
</svg>

描述:
simple.html包含x.html和y.html。y.html中嵌入了simple.svg,y.html不显示任何内容,只是负责刷新svg中polygon元素的stroke属性。

这个例子是一个试验,目的是动态刷新simple.html中嵌入的svg的部分内容,而不用刷新整个html,以避免数据过多时页面的闪烁以及其他效率问题。

问题:但是我在simple.html中看不到ID为obj1的polygon的颜色变化。不知问题出在哪里?
请各位朋友不吝赐教!


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
23.438ms