PDA

View Full Version : writing script tag within an innerHTML function


brndn
March 6th, 2007, 06:01 PM
Hey this is a quick way of altering the flash contents of a div with one click.
Only problem is that bloody grey border.
I hav e tried writing a full javascript block inside the function but for the obvious reasons it wont work.
any suggestions as to how I can get around this prob?



<script type="text/javascript">
function switch1()
{document.getElementById("changer").innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400"><param name="movie" value="lost.swf"/><param name="quality" value="high" /><embed src="lost.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed></object>';
}
function switch2()
{document.getElementById("changer").innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400"><param name="movie" value="mr.swf"/><param name="quality" value="high" /><embed src="mr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed></object>';}
</script>
<body>
<a href="#" onclick="switch1();">click1</a><br />
<a href="#" onclick="switch2();">click2</a>
<div id="changer">
bbb
</div>
</body>
this would be what I would desire. But you cant do that.


function switch2()
{document.getElementById("changer").innerHTML='<script><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400"><param name="movie" value="mr.swf"/><param name="quality" value="high" /><embed src="mr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed></object></script>';}
brndn
March 6th, 2007, 09:23 PM
Too Easy






<body>
<a href="#" onclick="switch1();">click1</a><br />
<a href="#" onclick="switch2();">click2</a>
<div id="flashcontent">
<script> function switch1(){var fo = new FlashObject("my_order_form.swf", "animationName", "900", "710", "8", "#000000");fo.addParam("allowScriptAccess", "sameDomain");fo.addParam("quality", "high");fo.addParam("scale", "noscale");fo.addParam("loop", "false");fo.write("flashcontent");}
</script>
<script> function switch2(){var fo = new FlashObject("my_order_form2.swf", "animationName", "900", "710", "8", "#000000");fo.addParam("allowScriptAccess", "sameDomain");fo.addParam("quality", "high");fo.addParam("scale", "noscale");fo.addParam("loop", "false");fo.write("flashcontent");}
</script>
</div>
</body>