以文本方式查看主题

-  计算机科学论坛  (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=35882)


--  作者:daweimaster
--  发布时间:7/21/2006 3:23:00 PM

--  请教高手,svg中的不同对象动态加载不同菜单问题
我想点击一个圆形和点击一个矩形时动态显示两个不同的菜单,点击其他的图形时还是显示系统默认的菜单。
查了一些论坛里的菜单的文章,试了一下,好像只能预先替换contextmenu的对象,这样的话只能把所有右键的菜单都替换成一个预定义的菜单。

--  作者:welfred
--  发布时间:7/21/2006 5:58:00 PM

--  
理论上我想只能是这样了:在判断鼠标右键点击后,调用 contextMenu.replaceChild方法来换掉菜单。
--  作者:tamefox
--  发布时间:7/21/2006 6:12:00 PM

--  
试试这个吧,感觉应该能满足你的要求~
<?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">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
    <desc>draw view</desc>
    <defs>
        <menu id="myContextMenu">
                <header>Custom Menu</header>
                <item id="帮助" onactivate="showHelp()">圆</item>
                <item id="About" action="About">关于 Adobe SVG Viewer</item>
        </menu>
        <menu id="youContextMenu">
                <header>Custom Menu</header>
                <item id="help" onactivate="show('help')">矩形</item>
                <item id="About" action="About">关于 Adobe SVG Viewer</item>
        </menu>
        <menu id="defaultMenu">
     <header>Adobe SVG Viewer</header>
     <item action="Open" id="Open">打开(&amp;E)</item>
     <item action="OpenNew" id="OpenNew">在新窗口中打开(&amp;N)</item>
     <separator/>
     <item action="ZoomIn" id="ZoomIn">放大显示(&amp;I)</item>
     <item action="ZoomOut" id="ZoomOut">缩小显示(&amp;O)</item>
     <item action="OriginalView" id="OriginalView">原始检视(&amp;W)</item>
     <separator/>
     <item action="Quality" id="Quality">较高品质(&amp;Q)</item>
     <item action="Pause" id="Pause">暂停(&amp;P)</item>
     <item action="Mute" id="Mute">静音(&amp;M)</item>
     <separator/>
     <item action="Find" id="Find">寻找(&amp;F)...</item>
     <item action="FindAgain" id="FindAgain">再次寻找(&amp;A)</item>
     <separator/>
     <item action="Copy" id="Copy">复制选取的文字(&amp;C)</item>
     <item action="CopySVG" id="CopySVG">复制 SVG(&amp;C)</item>
     <item action="ViewSVG" id="ViewSVG">检视 SVG(&amp;G)</item>
     <item action="ViewSource" id="ViewSource">检视原始码(&amp;V)</item>
     <item action="SaveAs" id="SaveAs">另存 SVG(&amp;S)...</item>
     <separator/>
     <item action="Help" id="Help">帮助(&amp;H)</item>
     <item action="About" id="About">关于 Adobe SVG Viewer(&amp;B)...</item>
   </menu>

    </defs>

<script type="text/javascript"><![CDATA[
   function judge_mouse(evt,mn)
    {
      if(evt.button==2)
       {
          var newMenuRoot = parseXML( printNode( document.getElementById(mn)), contextMenu );
          contextMenu.replaceChild( newMenuRoot.firstChild, contextMenu.firstChild );
       }
    }
   
]]>
</script> 
 <desc>
  <!-- put a description here -->
 </desc>
 <rect width="100%" height="100%" fill="none" pointer-events="visible" onmousedown="judge_mouse(evt,'defaultMenu')"></rect>
   <rect x="10" y="10" width="100" height="100" fill="green" rx="5" onmousedown="judge_mouse(evt,'youContextMenu')"></rect>
    <circle r="15" cx="150" cy="150" fill="red" stroke="red" stroke-width="3" onmousedown="judge_mouse(evt,'myContextMenu')"></circle>
</svg>


--  作者:daweimaster
--  发布时间:7/25/2006 6:25:00 PM

--  谢谢tamefox,可以用,非常感谢

--  作者:nustyt
--  发布时间:8/1/2006 4:07:00 PM

--  
请问这个该怎么用啊?我把上面的代码保存到一个svg文件中,但是打开时有错误!提示说“没有排的:行7,栏30”。这是什么原因?谢谢
--  作者:ncepuyuyu
--  发布时间:8/1/2006 5:37:00 PM

--  
回楼上的:encoding="UTF-8"
用记事本打开,另存为,选择UTF-8编码,再打开就行了,我测试过
--  作者:top_mm
--  发布时间:8/18/2006 1:09:00 PM

--  
能不能把菜单在内存提到另一个文件啊?

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