以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  编写文本变化的脚本（svg）  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=9080)

--  作者：卷积内核
--  发布时间：8/2/2004 10:45:00 AM

--  编写文本变化的脚本（svg）
编写文本变化的脚本

<svg>
<script type="text/javascript">
<![CDATA[

function changeText(evt)
{
   targetXtext=svgDocument.getElementById("XPos");
   targetYtext=svgDocument.getElementById("YPos");

   var XPos = evt.getClientX();
   var YPos = evt.getClientY();

   var newXPosText = svgDocument.createTextNode("X Position : " + XPos);
   var newYPosText = svgDocument.createTextNode("Y Position : " + YPos);

   targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
   targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());
}
function changeTextNotOver(evt)
{
   targetXtext=svgDocument.getElementById("XPos");
   targetYtext=svgDocument.getElementById("YPos");

   var newXPosText =
     svgDocument.createTextNode("X Position : Not over Rectangle");
   var newYPosText =
     svgDocument.createTextNode("Y Position : Not over Rectangle");

   targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
   targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());
}
function recordClick(evt)
{
   targetClickText=svgDocument.getElementById("ClickPos");

   var XPos = evt.getClientX();
   var YPos = evt.getClientY();

   var newClickText =
     svgDocument.createTextNode("Last Click made at X=" + XPos + " Y=" + YPos);

   targetClickText.replaceChild(newClickText,
         targetClickText.getFirstChild());
}
// ]]>
</script>
<text id="XPos" x="50" y="50"<X Position :</text>
<text id="YPos" x="50" y="70"<Y Position :</text>
<text id="ClickPos" x="50" y="90">Last Click made at : </text>
<rect x="50" y="100" width="200" height="200" style="fill:blue"
      onmousemove="changeText(evt)" onmouseout="changeTextNotOver(evt)"
      onclick="recordClick(evt)"/>  
</svg>

[此贴子已经被作者于2004-8-2 16:59:58编辑过]
--  作者：awa0508
--  发布时间：8/2/2004 12:43:00 PM

--  
老兄~代码有错误啊
<text id="XPos" x="50" y="50">X Position :</text>
<text id="YPos" x="50" y="70">Y Position :</text>
<text id="ClickPos" x="50" y="90">Last Click made at : </text>

尖括号反了

--  作者：卷积内核
--  发布时间：8/2/2004 4:58:00 PM

--  [建议]
谢谢指点，改过来效果还是不错的啊
--  作者：zhiyu-2000
--  发布时间：12/6/2004 3:28:00 PM

--  
这段代码还是比较容易理解的
--  作者：SCYANGYU
--  发布时间：2/18/2005 2:56:00 PM

--  
好例子！

值得一睹！

--  作者：zhufeng
--  发布时间：4/25/2005 2:55:00 AM

--  
很好呀
--  作者：zzzzzz2
--  发布时间：5/11/2005 1:02:00 PM

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