SVG Grafik

[kartoffelsuppe]

Hallo Miteinander,

ich habe eine frage zu SVG Grafiken, hier habe ich 2 textelemente die beim klick auf eins der beiden beide verschwinden sollen. Mein lösungsansatz war mit hilfe von ecmascript alle Elemente mit dem gleichen namen in einem feld zu speichern und dieses dann einzeln verschwinden zu lassen.


script

      var SVGDocument = null;
      var SVGRoot = null;
      function Init(evt)
      {
         SVGDocument = evt.target.ownerDocument;
         SVGRoot = SVGDocument.documentElement;

      }

      function ToggleOpacity(evt, targetId)
      {
         var newTargets = evt.target;
            if (targetId)
            {
             newTargets = SVGDocument.getElementsByTagName('*','text');
             }

             var oneText = newTargets.item(0);         

         if ('0' != newValue)
         {
            newValue = '0';
         }
         else
         {
            newValue = '1';
         }

         oneText.setAttributeNS(null, 'opacity', newValue);
     }

doch leider kommt bei der zuweisung

var oneText = newTargets.item(0);

ein fehler, das dieses element null ist. Wer kan mir sagen wo der Fehler liegt

THX suppe

[Thomas Meinike]

Die Schreibweise getElementsByTagName('*','text') ist seltsam, da die Methode nur ein Argument kennt:

SVGDocument.getElementsByTagName('*') wählt alle Elemente aus
bzw.
SVGDocument.getElementsByTagName('text') alle text-Elemente