SVG – Learning by Coding

[ contextMenu.svg --> Grafik anzeigen ]

  1: 
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
  2: 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"

  3: 
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [

  4: 
  <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">

  5: 
  <!-- experimentelle DTD-Erweiterung by TM 2003 -->

  6: 
  <!ENTITY defsExt "|menu">

  7: 
  <!ELEMENT menu (header,(item|menu|separator)*)>

  8: 
  <!ELEMENT header (#PCDATA)>

  9: 
  <!ELEMENT item (#PCDATA)>

 10: 
  <!ELEMENT separator EMPTY>

 11: 
  <!ATTLIST menu id ID #IMPLIED>

 12: 
  <!ATTLIST item action CDATA #IMPLIED checked CDATA #IMPLIED onactivate CDATA #IMPLIED>

 13: 
]>

​ 14:  15: 
<!-- SVG Learning by Coding http://www.datenverdrahten.de/svglbc/ -->

 16: 
<!--    AuthorDrThomas Meinike 05/03 thomas@handmadecode.de     -->

​ 17:  18: 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"

 19: 
  onload="setMenu('TMenuD')">

​ 20:  21: 
  <title>SVG Learning by Coding</title>

 22: 
  <desc>SVG-Spezifikation in Beispielen</desc>

​ 23:  24: 
  <defs>

​ 25:  26: 
    <style type="text/css">

 27: 
      <![CDATA[

​ 28:  29: 
      *

 30: 
      {

 31: 
        font-familysans-serif;

 32: 
        font-size12px;

 33: 
      }

​ 34:  35: 
      ]]>

 36: 
    </style>

​ 37: ​ 38:  39: 
    <script type="text/javascript">

 40: 
      <![CDATA[

​ 41:  42: 
        function setMenu(menuid)

 43: 
        {

 44: 
          var ver=getSVGViewerVersion();

 45: 
          if(ver.indexOf("Adobe")!=-1)

 46: 
          {

 47: 
            var newMenu=parseXML(printNode(getDocument().getElementById(menuid)),getContextMenu());

 48: 
            if(ver.indexOf("6.0")!=-1)

 49: 
            {

 50: 
              getContextMenu().replaceChild(newMenu.firstChild,getContextMenu().firstChild);

 51: 
            }

 52: 
            else

 53: 
            {

 54: 
              getContextMenu().replaceChild(newMenu,getContextMenu().firstChild);

 55: 
            }          

 56: 
          }

 57: 
        }

​ 58:  59: 
        function AboutInfo()

 60: 
        {

 61: 
          alert("SVG - Learning by Coding\n\n(C) 2002...2003\nby Dr. Thomas Meinike");

 62: 
        }

​ 63:  64: 
      ]]>

 65: 
    </script>

​ 66:  67: 
    <!-- komplettes Menü mit englischen Texten -->

 68: 
    <menu id="TMenuE">

​ 69:  70: 
      <header>Adobe SVG Viewer</header>

​ 71:  72: 
      <item action="Open">&amp;Open</item>

 73: 
      <item action="OpenNew">Open in &amp;New Window</item>

​ 74:  75: 
      <separator/>

​ 76:  77: 
      <item action="ZoomIn">Zoom &amp;In</item>

 78: 
      <item action="ZoomOut">Zoom &amp;Out</item>

 79: 
      <item action="OriginalView">&amp;Original View</item>

​ 80:  81: 
      <separator/>

​ 82:  83: 
      <item action="Quality">Higher &amp;Quality</item>

 84: 
      <item action="Pause">&amp;Pause</item>

 85: 
      <item action="Mute">&amp;Mute</item>

​ 86:  87: 
      <separator/>

​ 88:  89: 
      <item action="Find">&amp;Find...</item>

 90: 
      <item action="FindAgain">Find &amp;Again</item>

​ 91:  92: 
      <separator/>

​ 93:  94: 
      <item action="Copy">Copy Selected &amp;Text</item>

 95: 
      <item action="CopySVG">&amp;Copy SVG</item>

 96: 
      <item action="ViewSVG">&amp;View SVG</item>

 97: 
      <item action="ViewSource">View Sourc&amp;e</item>

 98: 
      <item action="SaveAs">&amp;Save SVG As...</item>

​ 99: 100: 
      <separator/>

​101: 102: 
      <item action="Help">&amp;Help</item>

103: 
      <item action="About">&amp;About Adobe SVG Viewer...</item>

​104: 105: 
      <separator/>

​106: 107: 
      <item onactivate="AboutInfo(evt)">About S&amp;VGLBC...</item
​108: 109: 
    </menu>

​110: ​111: 112: 
    <!-- komplettes Menü mit deutschen Texten -->

113: 
    <menu id="TMenuD">

​114: 115: 
      <header>Adobe SVG Viewer</header>

​116: 117: 
      <item action="Open">Ö&amp;ffnen</item>

118: 
      <item action="OpenNew">Öffnen in neuem Fenste&amp;r</item>

​119: 120: 
      <separator/>

​121: 122: 
      <item action="ZoomIn">Einz&amp;oomen</item>

123: 
      <item action="ZoomOut">Aus&amp;zoomen</item>

124: 
      <item action="OriginalView">O&amp;riginalansicht</item>

​125: 126: 
      <separator/>

​127: 128: 
      <item action="Quality">Bessere &amp;Qualität</item>

129: 
      <item action="Pause">&amp;Unterbrechen</item>

130: 
      <item action="Mute">&amp;Ton aus</item>

​131: 132: 
      <separator/>

​133: 134: 
      <item action="Find">&amp;Suchen...</item>

135: 
      <item action="FindAgain">&amp;Weitersuchen</item>

​136: 137: 
      <separator/>

​138: 139: 
      <item action="Copy">Ausgewählten Te&amp;xt kopieren</item>

140: 
      <item action="CopySVG">SVG &amp;kopieren</item>

141: 
      <item action="ViewSVG">SVG &amp;anzeigen</item>

142: 
      <item action="ViewSource">Que&amp;lle anzeigen</item>

143: 
      <item action="SaveAs">SVG spei&amp;chern unter...</item>

​144: 145: 
      <separator/>

​146: 147: 
      <item action="Help">&amp;Hilfe</item>

148: 
      <item action="About">Ü&amp;ber Adobe SVG Viewer...</item>

​149: 150: 
      <separator/>

​151: 152: 
      <item onactivate="AboutInfo(evt)">Über S&amp;VGLBC...</item>

​153: 154: 
    </menu>

​155: ​156: 157: 
    <!-- kompaktes Menü mit englischen Texten -->

158: 
    <menu id="TMenuEK">

​159: 160: 
      <header>Adobe SVG Viewer</header>

​161: 162: 
      <item action="ZoomIn">Zoom &amp;In</item>

163: 
      <item action="ZoomOut">Zoom &amp;Out</item>

164: 
      <item action="OriginalView">&amp;Original View</item>

​165: 166: 
      <separator/>

​167: 168: 
      <item action="Find">&amp;Find...</item>

169: 
      <item action="FindAgain">Find &amp;Again</item>

​170: 171: 
      <separator/>

​172: 173: 
      <item action="Help">&amp;Help</item>

174: 
      <item action="About">&amp;About Adobe SVG Viewer...</item>

​175: 176: 
      <separator/>

​177: 178: 
      <item onactivate="AboutInfo(evt)">About S&amp;VGLBC...</item
​179: 180: 
    </menu>

​181: ​182: 183: 
    <!-- kompaktes Menü mit deutschen Texten -->

184: 
    <menu id="TMenuDK">

​185: 186: 
      <header>Adobe SVG Viewer</header>

​187: 188: 
      <item action="ZoomIn">Einz&amp;oomen</item>

189: 
      <item action="ZoomOut">Aus&amp;zoomen</item>

190: 
      <item action="OriginalView">O&amp;riginalansicht</item>

​191: 192: 
      <separator/>

​193: 194: 
      <item action="Find">&amp;Suchen...</item>

195: 
      <item action="FindAgain">&amp;Weitersuchen</item>

​196: 197: 
      <separator/>

​198: 199: 
      <item action="Help">&amp;Hilfe</item>

200: 
      <item action="About">Ü&amp;ber Adobe SVG Viewer...</item>

​201: 202: 
      <separator/>

​203: 204: 
      <item onactivate="AboutInfo(evt)">Über S&amp;VGLBC...</item>

​205: 206: 
    </menu>

​207: ​208: 209: 
    <!-- speziell angepasstes Menü mit deutschen Texten -->

210: 
    <menu id="TMenuDS">

​211: 212: 
      <header>Adobe SVG Viewer</header>

​213: 214: 
      <item action="ZoomIn">Einz&amp;oomen</item>

215: 
      <item action="ZoomOut">Aus&amp;zoomen</item>

216: 
      <item action="OriginalView">O&amp;riginalansicht</item>

​217: 218: 
      <separator/>

​219: 220: 
      <item action="Find">&amp;Suchen...</item>

221: 
      <item action="FindAgain">&amp;Weitersuchen</item>

​222: 223: 
      <separator/>

​224: 225: 
        <menu>

226: 
          <header>Spezialmenü</header>

227: 
            <item onactivate="alert('Untermenü 1\nwurde gewählt.')">Untermenü 1</item>

228: 
            <item checked="yes" onactivate="alert('Untermenü 2\nwurde gewählt.')">Untermenü 2</item>

229: 
            <item onactivate="alert('Untermenü 3\nwurde gewählt.')">Untermenü 3</item>

230: 
         </menu>

​231: 232: 
      <separator />

​233: 234: 
      <!-- So sollte es (eigentlichauch funktionieren ...

235: 
        <item xmlns="http://www.w3.org/1999/xlink" xlink:href="matrixcalc.htm" target="_blank">TMs MatrixCalc</item>

236: 
        <item xmlns="http://www.w3.org/1999/xlink" xlink:href="http://www.styleassistant.de" target="_blank">StyleAssistant.de</item>

237: 
      -->

​238: 239: 
      <item onactivate="top.location.replace('matrixcalc.htm')">TMs MatrixCalc</item>

240: 
      <item onactivate="top.location.replace('http://www.styleassistant.de')">StyleAssistant.de</item>

​241: 242: 
      <separator/>

​243: 244: 
      <item onactivate="AboutInfo(evt)">Über S&amp;VGLBC...</item>

​245: 246: 
    </menu>

​247: 248: 
  </defs>

​249: 250: 
 <text x="20" y="30" style="fill: #000; font-size: 24px">

251: 
    Context-Menü im Adobe SVG Viewer verändern</text>

​252: 253: 
  <text x="30" y="60" style="fill: #000">[Nach der Auswahl rechte Maustaste drücken!]</text>

​254: 255: 
  <a xlink:href="" cursor="pointer" onclick="return false">

256: 
    <text x="30" y="90" style="fill: #00C" onclick="setMenu('TMenuE')">

257: 
      Komplettes Menü mit englischen Texten

258: 
      <set attributeName="fill" attributeType="CSS" to="#F00" begin="mouseover"/>

259: 
      <set attributeName="fill" attributeType="CSS" to="#00C" begin="mouseout"/>

260: 
    </text>

261: 
  </a>

​262: 263: 
  <a xlink:href="" cursor="pointer" onclick="return false">

264: 
    <text x="30" y="110" style="fill: #00C" onclick="setMenu('TMenuD')">

265: 
      Komplettes Menü mit deutschen Texten

266: 
      <set attributeName="fill" attributeType="CSS" to="#F00" begin="mouseover"/>

267: 
      <set attributeName="fill" attributeType="CSS" to="#00C" begin="mouseout"/>

268: 
    </text>

269: 
  </a>

​270: 271: 
  <a xlink:href="" cursor="pointer" onclick="return false">

272: 
    <text x="30" y="130" style="fill: #00C" onclick="setMenu('TMenuEK')">

273: 
      Kompaktes Menü ohne Speichern mit englischen Texten

274: 
      <set attributeName="fill" attributeType="CSS" to="#F00" begin="mouseover"/>

275: 
      <set attributeName="fill" attributeType="CSS" to="#00C" begin="mouseout"/>

276: 
    </text>

277: 
  </a>

​278: 279: 
  <a xlink:href="" cursor="pointer" onclick="return false">

280: 
    <text x="30" y="150" style="fill: #00C" onclick="setMenu('TMenuDK')">

281: 
      Kompaktes Menü ohne Speichern mit deutschen Texten

282: 
      <set attributeName="fill" attributeType="CSS" to="#F00" begin="mouseover"/>

283: 
      <set attributeName="fill" attributeType="CSS" to="#00C" begin="mouseout"/>

284: 
    </text>

285: 
  </a>

​286: 287: 
  <a xlink:href="" cursor="pointer" onclick="return false">

288: 
    <text x="30" y="170" style="fill: #00C" onclick="setMenu('TMenuDS')">

289: 
      Speziell angepasstes Menü mit deutschen Texten

290: 
      <set attributeName="fill" attributeType="CSS" to="#F00" begin="mouseover"/>

291: 
      <set attributeName="fill" attributeType="CSS" to="#00C" begin="mouseout"/>

292: 
    </text>

293: 
  </a>

​294: 295: 
</svg>

[zum Anfang]