新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术,以及有关GIS的应用。
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - 高级XML应用『 SVG/GML/VRML/X3D/XAML 』 → 为svg中的每个元素都添加svg事件,问题啊 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 7574 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: 为svg中的每个元素都添加svg事件,问题啊 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     selong 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:2
      积分:56
      门派:XML.ORG.CN
      注册:2008/3/24

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给selong发送一个短消息 把selong加入好友 查看selong的个人资料 搜索selong在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看selong的博客楼主
    发贴心情 为svg中的每个元素都添加svg事件,问题啊

    想为svg中的每个元素都增加一个click事件。目的是想在ie中click每个元素时设置一些属性信息。

    svg文件代码如下:
    <?xml version="1.0" encoding="utf-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd">
    <!-- Created by SVGDeveloper 1.0 -->
    <svg width="640" height="480" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="Init(evt)">
      <script><![CDATA[
      
      function Init(evt)
      {
       var SvgDoc = evt.target.ownerDocument;
        
         var node = SvgDoc.rootElement;
         var child;       
         
         for(var i=0;i<node.childNodes.length;i++)
         {
        
           child = node.childNodes.item(i);
           alert(child.nodeName + ' type ' + child.nodeType);
           
                    // 下面出错,估计是找不到child,还是怎么回事
           child.addEventListener("click", AlertMsg, false);
         }
      }
      
      function AlertMsg(evt)
      {
       var target = evt.target;
       if (target.getAttribute("id"))
       {
        alert(target.getAttribute('id'));
        }
      }
      ]]>
      </script>
    <path id="123" d="M125 79C139 90 139 90 139 90C139 153 139 153 139 153" fill="#FFFFFF" stroke="#000000" transform="matrix(1,0,0,1,35,0)">
    <animateTransform attributeName="transform" begin="0" dur="1" fill="freeze" additive="sum" from="132 116" to="132 116" type="translate" />
    <animateTransform attributeName="transform" begin="0" dur="1" fill="freeze" additive="sum" from="1 1" to="5.31 1.47" type="scale" />
    <animateTransform attributeName="transform" begin="0" dur="1" fill="freeze" additive="sum" from="-132 -116" to="-132 -116" type="translate" />
    </path>
    </svg>

    拜托各位大侠帮忙解决下


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/3/24 22:44:00
     
     DragonJohn 帅哥哟,离线,有人找我吗?
      
      
      等级:大三(要不要学学XML呢?)
      文章:123
      积分:759
      门派:XML.ORG.CN
      注册:2005/5/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给DragonJohn发送一个短消息 把DragonJohn加入好友 查看DragonJohn的个人资料 搜索DragonJohn在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看DragonJohn的博客2
    发贴心情 
    学习一下<g>元素
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/3/25 15:07:00
     
     定风波 帅哥哟,离线,有人找我吗?天秤座1987-10-23
      
      
      等级:大一(高数修炼中)
      文章:14
      积分:123
      门派:W3CHINA.ORG
      注册:2008/4/5

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给定风波发送一个短消息 把定风波加入好友 查看定风波的个人资料 搜索定风波在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 点击这里发送电邮给定风波 引用回复这个贴子 回复这个贴子 查看定风波的博客3
    发贴心情 
    好人啊

    ----------------------------------------------
    交流才能进步!

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/4/6 12:16:00
     
     zoulixing 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:6
      积分:75
      门派:XML.ORG.CN
      注册:2008/4/7

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给zoulixing发送一个短消息 把zoulixing加入好友 查看zoulixing的个人资料 搜索zoulixing在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zoulixing的博客4
    发贴心情 
    child = node.getChildNodes.item(i);
    好象i只能是奇数1,3,5分别表示1,2,3元素标签
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/4/7 16:20:00
     
     gukaiyun 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:3
      积分:67
      门派:XML.ORG.CN
      注册:2008/3/25

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给gukaiyun发送一个短消息 把gukaiyun加入好友 查看gukaiyun的个人资料 搜索gukaiyun在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看gukaiyun的博客5
    发贴心情 
    继续学习!
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/4/11 10:22:00
     
     zpjdgp888 帅哥哟,离线,有人找我吗?天秤座1983-10-3
      
      
      等级:大二(研究C++)
      文章:46
      积分:257
      门派:XML.ORG.CN
      注册:2008/3/18

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给zpjdgp888发送一个短消息 把zpjdgp888加入好友 查看zpjdgp888的个人资料 搜索zpjdgp888在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zpjdgp888的博客6
    发贴心情 
    if(child.nodeName == "path" ||
       child.nodeName == "text" ||
       ...
       child.nodeName == "rect")
    {
    child.addEventListener("click", AlertMsg, false);
    }

    比如一个标签是这样写的
    <text>
    asdadf
    </text>

    会被识别会是几个子节点,所以一定要判断是不是需要增加事件的节点

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/4/11 19:40:00
     
     GoogleAdSense天秤座1983-10-3
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/12/22 5:18:26

    本主题贴数6,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    93.750ms