svg und javascript

hallo miteinander,


ich schreibe grad an nem svg dokument und möchte diesem funktionen
einbinden.
mein augenmerk liegt auf dieser besonderen funktion...
also ich rufe im svg-dokument die funktion
onclick="actualise_anim(evt)" auf und möchte eben dann reinzoomen.
die fehlermeldungen die erscheinen sind: line 21 syntax-error
und wenn ich diesen fehler übergehe und in die karte klicke: objekt
erwartet line: 1, colum: 0

was soll ich damit anfangen???

1 var svgdoc;
2 var zoom_viewbox = false;
3
4 function init(evt){
5 svgdoc = evt.getTarget().getOwnerDocument();
6 }
7
8 function actualise_anim(evt){
9 var node = evt.target.ownerDocument.getElementById("root");
10 if(zoom_viewbox == false){
11 zoom_viewbox = true;
12 xm = -2690 + evt.clientX * 5375/700;
13 ym = -100 + evt.clientY * 4421/576;
14 xsvg = Math.round(-2690 + xm * 5375/700);
15 ysvg = Math.round(-100 + ym * 5375/700);
16 node.setAttributeNS(
null,"viewBox",(xsvg-644).toString()+""+(ysvg-17
531).getString()+"1288 1061")
18 }
19 else{
20 zoom_viewbox = false;
21 node.setAttributeNS(null,"viewBox","-2690 -100 5375 4421">
22 }
23 }

lg
ruth

ruth wrote:

also ich rufe im svg-dokument die funktion
onclick="actualise_anim(evt)" auf und möchte eben dann reinzoomen.
die fehlermeldungen die erscheinen sind: line 21 syntax-error

21 node.setAttributeNS(null,"viewBox","-2690 -100 5375 4421"

Schau dir das Ende der Zeile an, da gehoert kein > hin, sondern ); also
node.setAttributeNS(null,"viewBox","-2690 -100 5375 4421");
--

Martin Honnen
http://JavaScript.FAQTs.com/

ruth <wohland.ruth (AT) web (DOT) de> typed:
^^^^ bitte reparieren!

die fehlermeldungen die erscheinen sind: line 21 syntax-error
[...]
21 node.setAttributeNS(null,"viewBox","-2690 -100 5375 4421"

">" ist nicht dasselbe, wie ")".

Der zweite Fehler ist nur eine Folge des ersten.

ciao, dhgm

danke martin,danke dietmar

ich hab den fehler ausgebessert und hab die zeilen 17 und 21 noch mit
nem ";" versehen, jetzt bekomme ich schon wieder eine fehlermeldung.
....
vielleicht könnt ihr mir ja nochmal weiterhelfen...
und zwar nimmt er das script an, nur wenn ich auf den teil klicke, der
gezoomt werden soll dann erscheint folgender fehler:
zeile 1: objekt erwartet... so schaut die codierung aus:

1 <button onclick="zoom('ein',0.9)" name="grMinus" type="button">
2 <p><img src="bild\grMinus.gif" border="0" alt="Karte
verkleinern">
3 </button>

lg
ruth

ruth wrote:

und zwar nimmt er das script an, nur wenn ich auf den teil klicke, der
gezoomt werden soll dann erscheint folgender fehler:
zeile 1: objekt erwartet...

Das sieht mir stark nach einer IE Meldung. Schau Dir das ganze mal in
einem Mozilla an und sieh nach, was die JavaScript Konsole sagt. Diese
ist in der Regel wesentlich Auskunftsfreudiger.

so schaut die codierung aus:
1 <button onclick="zoom('ein',0.9)" name="grMinus" type="button"

Hier liegt der Fehler nicht.

2 <p><img src="bild\grMinus.gif" border="0" alt="Karte
^

Den Backslash solltest Du durch einen Slash ersetzen. Das ist aber auch
nicht der Grund für den Fehler.

Grüße
Daniel

ruth wrote:

und zwar nimmt er das script an, nur wenn ich auf den teil klicke, der
gezoomt werden soll dann erscheint folgender fehler:
zeile 1: objekt erwartet... so schaut die codierung aus:

1 <button onclick="zoom('ein',0.9)" name="grMinus" type="button"
2 <p><img src="bild\grMinus.gif" border="0" alt="Karte
verkleinern"
3 </button

Was du da hast, ist doch JavaScript in HTML und nicht mehr JavaScript in
SVG. Auch hattest du in deinem ersten Post keine Funktion names zoom, da
kann jetzt auch keiner sagen, warum der Fehler auftritt, wenn der
Funktionscode nicht bekannt ist.

Ich denke, ein Blick in den SVG-Wiki unter
http://www.protocol7.com/svg-wiki/
koennte dir helfen, einige Grundlagen zu bekommen, um SVG zu scripten
und falls Browser und Plugin das erlauben, auch aus der HTML Seite eine
eingebette SVG-Grafik zu scripten:
http://www.protocol7.com/svg-wiki/in...tCommunication
Und
http://www.kevlindev.com/tutorials/basics/index.htm
http://svglbc.datenverdrahten.de/
sollten auch helfen, um aus Beispielen zu lernen.

Wenn du dann hier Hilfe suchst, gib bitte an, welchen Plugin oder welche
Software in welcher Version du benutzt, um die SVG-Grafiken
darzustellen, und falls ein Browser benutzt, welcher das ist.

--

Martin Honnen
http://JavaScript.FAQTs.com/