新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   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中如何显示鼠标提示框，及请高手解决其中bag ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 8421 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 在SVG中如何显示鼠标提示框，及请高手解决其中bag 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     chilong_zh 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：12
      积分：149
      门派：XML.ORG.CN
      注册：2005/10/28

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给chilong_zh发送一个短消息 把chilong_zh加入好友 查看chilong_zh的个人资料 搜索chilong_zh在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看chilong_zh的博客楼主
    发贴心情 在SVG中如何显示鼠标提示框，及请高手解决其中bag

    [B]在SVG中如何显示鼠标提示框
    代码如下：
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
      "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg width="100%" height="100%" onload ="initialize(evt)">
      
      <script type="text/ecmascript">
        <![CDATA[
        var svgdok, tttelem, tooltip, ttrelem;
        

        function initialize(evt)
        {
          svgdok = evt.getTarget().getOwnerDocument();
          
          tttelem = svgdok.getElementById("ttt");
          ttrelem = svgdok.getElementById("ttr");
          tooltip = svgdok.getElementById("tooltip");
       
       }
        
        function mOver(evt, text)
        {
          tttelem.childNodes.item(0).data = text;
          ttrelem.setAttribute("x",evt.clientX + 25);
          ttrelem.setAttribute("y",evt.clientY + 25);
          tttelem.setAttribute("x",evt.clientX + 30);
          tttelem.setAttribute("y",evt.clientY + 37);
          ttrelem.setAttribute("width",tttelem.getComputedTextLength()+10);
          
          tooltip.setAttribute("visibility","visible");
        }
        
        function mOut(evt)
        {
          tooltip.setAttribute("visibility","hidden");
        }
        ]]>
      </script>

      <g id="testG" onmouseover = "mOver(evt, 'Welcome To Here!')" onmouseout = "mOut(evt)">
        <rect x="100" y="100" width="100" height="50" style="fill:rgb(120,255,255);"/>
      </g>

      <g id ="tooltip" visibility =" hidden">
        <rect id="ttr" x="0" y="0" width="100" height="15" fill="rgb(255,255,255)" stroke="rgb(9,0,130)" stroke-width="1" shape-rendering="optimizeSpeed"/>
        <text id="ttt" x="0" y="0">dyn. Text</text>
      </g>

    </svg>
    在IE6中显示如下图：

    此主题相关图片如下：
    按此在新窗口浏览图片


    其中的bag，在图形不平移时提示框的位置可以正常显示，可是如果我们将图形平移之后提示框的位置与鼠标也发生了相应的平移，请高手解释一下这问题的原因和解决办法。
    谢谢！


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/16 17:24:00
     
     yaohuhuowu 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：8
      积分：86
      门派：XML.ORG.CN
      注册：2006/9/19

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给yaohuhuowu发送一个短消息 把yaohuhuowu加入好友 查看yaohuhuowu的个人资料 搜索yaohuhuowu在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看yaohuhuowu的博客第2楼
    发贴心情 
    http://www.xml.org.cn/dispbbs.asp?boardID=21&ID=22821

    这个网页讲了解决方法 小弟学的不好哥哥研究一下，看看怎么能加进去。把结果贴出来让小弟也学习学习。

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/23 0:06:00
     
     yaohuhuowu 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：8
      积分：86
      门派：XML.ORG.CN
      注册：2006/9/19

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给yaohuhuowu发送一个短消息 把yaohuhuowu加入好友 查看yaohuhuowu的个人资料 搜索yaohuhuowu在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看yaohuhuowu的博客第3楼
    发贴心情 
    那个代码我加进去了，发现如果不用ALT键平移图像的话显示的东西就是正常的，一平移就出现问题了。
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/26 15:42:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/12 6:25:39

    本主题贴数3，分页： [1]

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