loading css after javascript?

[andrew midgley]

hi,

is it possible to load css after javascript and the body?

Reading on:

i am developing a website that uses javascript to figure out the browser size, it then changes the stylesheet (and the images) accordingly. now for this to work the javascript must be loaded after the body and this works fine.

however this means that the default stylesheet loads first, which results with two lots of css (and images) loading making the website inefficient. to get around this problem i need to load the css after javascript has had time to choose the right stylesheet. i dont want to set the default template as empty because people without javascript will get no styling. i was thinking maybe inline javascript loads before css?

any ideas?

[rangana]

Have you tried to use the onload event?

It will fire when your page has loaded, which would indicate that your CSS has fully loaded:

<script>
window.onload=function()
	{
	if(document.getElementsByTagName('link')[0]) // Check for the first link element <link rel...
		alert('First stylesheet already loaded');
	}
</script>

[Medyman]

http://themaninblue.com/writing/perspective/2004/09/21/