Zugriff auf Texttag in der SVG Grafik (getFirstChild)

chiten

Hallo Zusammen

Ich erstelle gerade SVG Grafiken die ich danach in verschiedenen Browsern teste. Nun habe ich ein Uhr erstellt welche die Zeiger via ecmascript animiert/rotiert. Das funktioniert auch einwandfrei.
Im weiteren möchte ich einen Text-Tag anpassen (ID = datum). Auf diesen greif ich wie im Code beschrieben auf das Objekt zu. Im IE funktioniert nun alles wunderbar. Im FF bekomme ich jedoch immer einen Fehler, das die Funktion getFirstChild() nicht funktioniert!
Kann mir jemand sage, was ich falsch mache`?

Code

...
	    var svgDoc = loadEvt.target.ownerDocument; 

            var zeit 	= new Date();            
      	    var sec 	= zeit.getSeconds();
            var min 	= zeit.getMinutes() + sec / 60;
            var std 	= zeit.getHours() + min / 60;

            svgDoc.getElementById("sec").setAttribute('transform', 'rotate(' + (sec * 6) + ')');
...
			svgDoc.getElementById("datum").getFirstChild().setNodeValue( zeit.getDate() +"."+ zeit.getMonth() +"."+ zeit.getYear() );
...
  <text id="datum" x="5" y="15" font-size="10pt" fill="#CCCCCC">SVG</text>
...
</svg>

Alles anzeigen

Danke für eure Hilfe

Gruss
Chregu

Orkan

Zitat von chiten

Hallo Zusammen
Im IE funktioniert nun alles wunderbar. Im FF bekomme ich jedoch immer einen Fehler, das die Funktion getFirstChild() nicht funktioniert!
Kann mir jemand sage, was ich falsch mache`?

Ist immer einfacher wenn du nen Testcase postest, man findet nicht jeden Fehler vom hingucken, und dann selbst rumbasteln ist ne Menge arbeit.

Also ich hab mal deine Uhr angeschaut:
http://www.latschibueb.ch/Uhr_intern.htm

Der Javascript-Debugger sagt mit folgendes:

Fehler: loadEvt.getTarget is not a function
Quelldatei: http://www.latschibueb.ch/Uhr_intern.svg
Zeile: 14

Aufgrund dieses Fehler bricht Firefox das gesammte weitere Script ab.

Orkan

ich hab ehrlich gesagt keine Ahnung was loadEvt sein soll.
Du kannst an dieser Stelle aber auch einfach document benutzen.

Code

function setUhr( loadEvt )
          {
            var zeit 	= new Date();            
      	    var sec 	= zeit.getSeconds();
            var min 	= zeit.getMinutes() + sec / 60;
            var std 	= zeit.getHours() + min / 60;

            document.getElementById("sec").setAttribute('transform', 'rotate(' + (sec * 6) + ')');
            document.getElementById("min").setAttribute('transform', 'rotate(' + (min * 6) + ')');
            document.getElementById("std").setAttribute('transform', 'rotate(' + (std * 30) + ')');


			document.getElementById("date").getFirstChild().setNodeValue( zeit.getDate() +"."+ zeit.getMonth() +"."+ zeit.getYear() );
          }

Alles anzeigen

Das tuts bei mir.