HOW TO check if an external (cross-domain) CSS file is loaded using Javascript

by

You can create the dynamic css url and fetch the css as plain text using a normal ajax call.

Then use this to load the css:

function loadCss(cssText, callback){
    var style = document.createElement('style');
    style.type="text/css";
    if(callBack != undefined){
        style.onload = function(){
            callBack();
        };
    }
    style.innerHTML = cssText;
    head.appendChild(style);
}

And use it like this:

loadCss(ajaxResponseText, function(){
    console.log("yaay css loaded, now i can access css defs");
})

More Related Contents:

  1. How can i create html automatic change page? [duplicate]
  2. Can jQuery get all CSS styles associated with an element?
  3. How to get an HTML element’s style values in javascript?
  4. Set CSS property in JavaScript?
  5. Change :hover CSS properties with JavaScript
  6. how to set font size based on container size? [duplicate]
  7. Add Active Navigation Class Based on URL
  8. Change CSS of selected text using Javascript
  9. How can you figure out the highest z-index in your document?
  10. Ignore mouse interaction on overlay image
  11. CSS hover vs. JavaScript mouseover [closed]
  12. HTML table with fixed headers and a fixed column? [closed]
  13. Am I using too much jQuery? When am I crossing the line?
  14. Use a new CSS file to override current website’s
  15. How to get just numeric part of CSS property with jQuery?
  16. Removing page title and date when printing web page (with CSS?)
  17. Using JavaScript to edit CSS gradient
  18. Show a second dropdown based on previous dropdown selection
  19. How to detect CSS3 resize events
  20. Fullpage.js. Adding a scroll delay
  21. Make image fill div completely without stretching
  22. How to check if css value is supported by the browser?
  23. Vertical centering variable height image while maintaining max-width/height
  24. How to prevent sticky hover effects for buttons on touch devices
  25. How do I make a move up and down when I’m scrolling the page?
  26. How to show live preview in a small popup of linked page on mouse over on link?
  27. Hide div element when screen size is smaller than a specific size
  28. Convert dropdown to selection boxes with color and trigger drop down action
  29. Is it possible to make input fields read-only through CSS?
  30. Freeze Header until Irrelevant (HTML, CSS and JS)

Leave a Comment