Inserting javascript with jQuery .html

Question

I'm experiencing an issue with a website I'm working on, where I originally believed I could simply replace $("main").html(this) which was originally code for a flash object, with a new and improved HTML5/Javascript version.

The original code:

$("#main").html('<div style="height: 100%; width: 100%; overflow: hidden;"><object width="100%" height="100%" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">\
                    <param value="images/uploads/'+image_id+'.swf" name="movie">\
                    <param value="true" name="allowFullScreen">\
                    <param value="#737373" name="bgcolor">\
                    <param value="" name="FlashVars">\
                    <embed width="100%" height="100%" flashvars="" bgcolor="#737373" allowfullscreen="true" src="images/uploads/'+image_id+'.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">\
                    </object></div>\
                ');
            });

And my (failed) attempt at inserting my new code:

$("#main").html('<script type="text/javascript">pano=new pano2vrPlayer("container");skin=new pano2vrSkin(pano);pano.readConfigUrl("xml/tablet_'+image_id+'.xml");hideUrlBar();</script>');

It doesn't even work when I just put , so I know it's gotta be the javascript itself.

I've looked at the solutions out there, but I can't make sense in how to properly implement them here in the most efficient way.

Your help is much appreciated, thanks!

Are you getting any errors in console?

painotpi
– painotpi

2013-06-25 04:26:01 +00:00
Commented Jun 25, 2013 at 4:26 — painotpi
– painotpi, Commented Jun 25, 2013 at 4:26

isJustMe · Accepted Answer · 2013-06-25 04:37:19Z

1

You can put your script in a external file and do something like this:

var scrpt = document.createElement("script");
scrpt.type = "text/javascript";
scrpt.src = "js/yourImprovedFile.js";
// Use any selector
$("#main").append(scrpt);

answered Jun 25, 2013 at 4:37

isJustMe

5,4902 gold badges33 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inserting javascript with jQuery .html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related