Javascript/Jquery setTimeout function not working with long html

so I got this function from someone, what it does is replace my image with an swf, or other html code after waiting 10 seconds, here it is.

<input name=\"sample_check3\" id=\"sample_check3\" value=\"1\" type=\"radio\" onclick=\"showStuff(\'stage\');setTimeout(function() {$(\'#stage\').html(\'HTML CODE HERE\'); }, 10000)\"\"/>

If I just put a simple html paragraph or heading in there, it successfully replaces the image with it, but when I try to put my swf code in there, it thinks that the swf embed code is HTML, and basically just \”echos\” it right away right where it is, instead of waiting. This is what i replaced it with.

    <input name=\"sample_check3\" id=\"sample_check3\" value=\"1\" type=\"radio\" onclick=\"showStuff(\'stage\');setTimeout(function() {$(\'#stage\').html(\'<OBJECT style=\"z-index:2; position:absolute; top:20%; left:44%;\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\" WIDTH=\"320\" HEIGHT=\"240\" id=\"rice\" ALIGN=\"\">
<PARAM NAME=movie VALUE=\"rice.swf\"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#333399> <EMBED src=\"rice.swf\" quality=high bgcolor=#333399 WIDTH=\"320\" HEIGHT=\"240\" NAME=\"rice\" ALIGN=\"\" TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/go/getflashplayer\"></EMBED> </OBJECT>\'); }, 10000)\"\"/>

I have tried using single quotes, double quotes, esscaping the quotes, it all yields the sam result. It just places the swf right where it is with ); }, 10000)\"\"/> printed out after it, because it basically forgets its javascript (not forgets, I just dont know how to explain it xD) Anyway, Im hoping someone could help me, thanks.

Rating: 1 out of 5 based on 3 ratings

Posts Related to Javascript/Jquery setTimeout function not working with long html

• Jul 19th, 2012 javascript - setTimeOut() or setInterval() . 4 methods to apply same thing. which is best? Thursday PM 12:56:01


• Jul 31st, 2012 settimeout - Message that appears for a second and then dissapears Javascript Tuesday AM 06:06:21


• Aug 11th, 2012 How to optimize the creation of long html code to be used in javascript string Saturday AM 10:54:12


• Jul 24th, 2012 javascript - jQueryFade Out On Page Reload Tuesday AM 10:24:43


• Jul 24th, 2012 JavaScript: Parse a long date into a shorter one Tuesday AM 10:55:00


• Jul 10th, 2012 javascript - Specify number of lines for href inside span tag Tuesday AM 05:43:27


• Jul 25th, 2012 javascript - creating jquery functions and using them for html elements? Wednesday AM 06:46:07


• Jul 10th, 2012 syntax - if statement in jQuery Tuesday AM 02:53:00


• Aug 11th, 2012 html - Javascript date of birth conundrum Saturday PM 13:00:09


• Jul 13th, 2012 JavaScript: associating an integer with a long list of strings Friday PM 13:48:43

The post Javascript/Jquery setTimeout function not working with long html appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascriptjquery-settimeout-function-not-working-with-long-html.html