ansaurus

Question

Are CSS styles applied to markup that is added after the page loads?

Answer 1

+1 A:

Yes, CSS styles are applied to markup that is added after the page loads.

It could be that you aren't actually generating the same code that you think you are. Try selecting the generated code and doing "View Selection Source" in Firefox. This shows you the generated source (i.e. not just the static content that was served when the page was loaded).

Edit

I think there is a problem with using document.write() in the document ready function.. seems to be causing some kind of infinite loop (for me in Firefox, the browser keeps spinning the loading icon on the tab, even though the file is on my local machine). The $('body').append(strMarkup); solution posted by Andy works, though, as does $('body').html(strMarkup);;

Kip 2009-09-22 21:25:13

thank you much!

BeachRunnerJoe 2009-09-22 21:39:13

Answer 2

+2 A:

Yes... the styles will be applied to any dynamically added markup.

The document.write() portion of your code may be causing problems here. In general, you should only use document.write() inline as the document is loaded and parsed. If you call it on DomReady as you seem to be doing it will overwrite your entire page, which I guess is what's causing the problem. I haven't tested though.

I'm not that familiar with jQuery, but instead of the document.write() line try doing something along the lines of (untested):

$('body').append('<div id="accordion"><h3>Title1/h3><h3>Title2</h3></div>');

Andy Hume 2009-09-22 21:25:20

that fixed it, thank you!

BeachRunnerJoe 2009-09-22 21:37:09

Answer 3

+2 A:

Yes, css applied automatically. Your example don't work because document.write is evil ) It rewrites whole document with your custom styles, I suggest. If you want to use document.write call it in appropriate section of document, not in head. Example:

<head> <style> h3 { background-color:#ccc; color:#003300; font-size:1.1em; } </style> </head> <body> <script> document.write('<div id="accordion"><h3>Title1</h3><h3>Title2</h3></div>'); </script> </body>

Anatoliy 2009-09-22 21:34:26

thank you much!

BeachRunnerJoe 2009-09-22 21:37:57

ansaurus

tags:

views:

answers:

Are CSS styles applied to markup that is added after the page loads?

related questions