Question

I am trying to achieve the following:

• I have a server-side script that generates CSS code depending on GET parameters
• On user request a JS should now do the following
  • Load a new CSS file
  • When loading is done, fade to the newly loaded style

Problem here is the last step.

It is no problem to add a new CSS file to the DOM, but how do I know when the browser finished loading the file?
I cannot start animations using the newly loaded styles until the file is actually loaded.

Alternatively: Is it possible to load a CSS file using Async Requests, and inject the CSS code into the DOM using Javascript without parsing it by hand?

Thank you very much!

Dennis

Answer 1

there are a nice library for this kind of filters…

maybe you can give that a try:

Yep Nope

Yepnope is an asynchronous conditional resource loader that’s super-fast, and allows you to load only the scripts that your users need.