W3C home > Mailing lists > Public > www-svg@w3.org > May 2000

svg, IE5 and IE5.5

From: Kiel, Paul <pkiel@sertus.com>
Date: Mon, 22 May 2000 09:51:26 -0400
Message-ID: <35ECA9B9A6FAD311A12700902787647F08C544@CCIEX1RAL>
To: www-svg@w3.org
Greetings,
I have a question in dealing with an svg doc.  I am trying to do a simple
onclick with an svg image.  I can get onclick to fire just fine, but the
content is problematic.  In my doc, I pass text and the current node to the
function.  The function fires the window, but getting the content correct is
the hangup.  In IE5.5, I walk the nodes to get the content
"thisnode.firstChild.data" - and it works fine.  But in IE5, I cannot seem
to walk the tree accurately.  Is the dom implementation different in IE5 vs
IE5.5 - or am I off base.

(I am working with abode's svg viewer plugin - which I suppose could also be
the culprit).

Trying to hit the content of the current element, I have tried the following
in IE5 with these results:

thisnode.firstChild.data -- returns --  'firstChild.data' is not an object
thisnode.firstChild -- returns -- undefined
thisnode -- returns -- [object]


------------- simplified source code ------------
<?xml version="1.0" encoding="utf-8"?>
<svg width="100%" height="100%">
	<defs><script><![CDATA[
		function someFunction(sItem1, thisnode) {

		var sItem2 = thisnode.firstChild.data
		var sItem3 = " Does Item 1 = Item 2 ?"
		var OpenWindow=window.open("", "",
"titlebar=no,height=200,width=300,toolbar=no,scrollbars=no,menubar=no,status
=no",null);
	
		OpenWindow.document.write("<HTML><BODY><a href=''
onClick='self.close()'>Click to close the window</a></p><u>Item 1</u>:
"+sItem1+"<p><u>Item 2</u>: "+sItem2+"<P><u>Item 3</u>:
"+sItem3+"<P></BODY></HTML>")
	
		}
	
	]]>
	</script></defs>
	
	<g style="stroke:black; fill:none; stroke-width:0.5">
		<rect height="50" width="150" y="337.5" x="0"></rect>
		<text id="hell" y="365.5" x="4" style="font-size:28;
stroke:rgb(250,0,150); fill:rgb(250,0,150)"
onclick="someFunction('someString',this)">
		   box A
		 </text>
		<line x1="400" y1="190" x2="150" y2="362.5"/>
		<line x1="400" y1="635" x2="150" y2="362.5"/>
	</g>
	      
	<g id="s1" style="stroke:black; fill:none; stroke-width:0.5">
		<rect height="50" width="150" y="165" x="400">
		</rect>
		<text id="s3" y="193" x="404" style="font-size:28;
stroke:rgb(250,0,150); fill:rgb(250,0,150)"
onclick="someFunction('someString',this)">
		  box B
		</text>
		<line x1="800" y1="190" x2="550" y2="190"/>
	</g>
	<g id="s2" style="stroke:black; fill:none;
stroke-width:0.5"><desc>this is description</desc>
		<rect height="50" width="150" y="165" x="800"></rect>
		<text id="s4" y="193" x="804" style="font-size:28;
stroke:rgb(250,0,150); fill:rgb(250,0,150)"
onclick="someFunction('someString',this)">
		  box C
		</text>
	</g>
</svg>
Received on Monday, 22 May 2000 09:51:07 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 5 November 2012 23:52:47 GMT