For some reason, perhaps the alignment of the stars, two svg embeds are of interest at this time :)
Hi Tharan. Try the following example: main.html <HTML> <BODY onLoad=init()> <span id=mySVG1span style='width:400;height:400'><iframe src=mySVG1.html id=svgFrame1 name=svgFrame1 style='width:100%;height:100%' ></iframe></span> <span id=mySVG2span style='width:400;height:400'><iframe src=mySVG2.html id=svgFrame2 name=svgFrame2 style='width:100%;height:100%' ></iframe></span> <script> var MySVG1frame var MySVG2frame function init() { MySVG1frame=parent.frames.svgFrame1 MySVG2frame=parent.frames.svgFrame2 //---give frames main object--- MySVG1frame.init() MySVG2frame.init() } //---fired from frames--- function talkToMe(msg) { alert(msg) } </script> </BODY> </HTML> mySVG1.html <HTML> <BODY> <embed name="svgEmbed1" src="mySVG1.svg" style="width:100%;height:100%" type="image/svg+xml"> <script> //---fired on main load--- var main var MySVG2frame var MySVG1doc function init() { main=parent.frames.top MySVG2frame=main.MySVG2frame MySVG1doc=document.embeds["svgEmbed1"].getSVGDocument() } //---click on svg circle function crossTalk() { MySVG2frame.helloWorld() } //---click on svg text---- function resizeOtherFrame() { main.mySVG2span.style.width=450 main.mySVG2span.style.height=350 } //---called from svg2--- function helloWorld() { text1=MySVG1doc.getElementById("text1") text1.firstChild.setData("hello from SVG2") main.talkToMe("SVG2 says hello") } </script> </BODY> </HTML> mySVG1.svg <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg id="mySVG1" > <circle id="circle1" cx="200" cy="200" r="100" fill="red" onclick="crossTalk()" /> <text id="text1" style="font-family:arial;font-size:20;fill:black" x="120" y="50" onclick="resizeOtherFrame()">SVG1</text> </svg> mySVG2.html <HTML> <BODY> <embed name="svgEmbed2" src="mySVG2.svg" style="width:100%;height:100%" type="image/svg+xml"> <script> //---fired on main load--- var main var MySVG1frame var MySVG2doc function init() { main=parent.frames.top MySVG1frame=main.MySVG1frame MySVG2doc=document.embeds["svgEmbed2"].getSVGDocument() } //---click on svg circle function crossTalk() { MySVG1frame.helloWorld() } //---click on svg text---- function resizeOtherFrame() { main.mySVG1span.style.width=450 main.mySVG1span.style.height=250 } //---called from svg1--- function helloWorld() { text1=MySVG2doc.getElementById("text1") text1.firstChild.setData("hello from SVG1") main.talkToMe("SVG1 says hello") } </script> </BODY> </HTML> mySVG2.svg <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg id="mySVG2" > <circle id="circle1" cx="200" cy="200" r="100" fill="blue" onclick="crossTalk()" /> <text id="text1" style="font-family:arial;font- size:20;fill:black" x="120" y="50" onclick="resizeOtherFrame ()">SVG2</text> </svg> --- In svg-developers@yahoogroups.com, "tharahan" <[EMAIL PROTECTED]> wrote: > Hi > > I have two svgs embeded in html file. I want to call function of first > svg from the function of second svg > > How is it possible? > > Thanks in advance, > Tharahan ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/