Is there an easy way to reload css without reloading the page?

by

Possibly not applicable for your situation, but here’s the jQuery function I use for reloading external stylesheets:

/**
 * Forces a reload of all stylesheets by appending a unique query string
 * to each stylesheet URL.
 */
function reloadStylesheets() {
    var queryString = '?reload=' + new Date().getTime();
    $('link[rel="stylesheet"]').each(function () {
        this.href = this.href.replace(/\?.*|$/, queryString);
    });
}

More Related Contents:

  1. How to dynamically create CSS class in JavaScript and apply?
  2. How to get an HTML element’s style values in javascript?
  3. Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)
  4. Access CSS file contents via JavaScript
  5. Can jQuery change css style definition? (not individual css of each element)
  6. jQuery equivalent of YUI StyleSheet Utility?
  7. Get Element StyleSheet Style in JavaScript
  8. Hover over image to get a box with multiple links in html/JavaScript
  9. Reloading a single div in an html page [closed]
  10. How do you inject this code into HTML using Javascript?
  11. fixing slider on my website [closed]
  12. Full-screen iframe with a height of 100%
  13. How can I make the browser wait to display the page until it’s fully loaded?
  14. execCommand() is now obsolete, what’s the alternative?
  15. Convert RGB to RGBA over white
  16. focus doesn’t work in IE
  17. How to get all the applied styles of an element by just giving its id?
  18. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  19. How to add background-image using ngStyle (angular2)?
  20. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  21. css position absolute making the textbox go down
  22. screen styling when virtual keyboard is active
  23. How do you float elements without a vertical gap?
  24. black and white text based on background image with css
  25. Full height of a html element (div) including border, padding and margin?
  26. Is there any polyfill for current CSS Flexible Box Layout Module as per W3C CR (display: flex etc.)? [closed]
  27. How can I dynamically highlight strings on a web page?
  28. Is it possible to make input fields read-only through CSS?
  29. Freeze Header until Irrelevant (HTML, CSS and JS)
  30. Bootstrap Dropdown menu is not working

Leave a Comment