How can I refresh the screen on browser resize?

by

Update for anyone viewing this now. JQuery now considers bind a deprecated function.

And the way proximus’ response works (at least in Opera/Chrome/Firefox) it constantly polls for resizing even if the browser is just sitting there. It appears that the resize function was called automatically when it hit location.reload(), causing it to hit an infinite loop. Here’s what I pulled together that also solved the problem.

jQuery(function($){
  var windowWidth = $(window).width();
  var windowHeight = $(window).height();

  $(window).resize(function() {
    if(windowWidth != $(window).width() || windowHeight != $(window).height()) {
      location.reload();
      return;
    }
  });
});

More Related Contents:

  1. required field notification using jquery
  2. CSS or jQuery : How to get visible top [duplicate]
  3. Write tags in HTML and print
  4. How can i create html automatic change page? [duplicate]
  5. Can jQuery get all CSS styles associated with an element?
  6. Refresh/reload the content in Div using jquery/ajax
  7. Animate element to auto height with jQuery
  8. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  9. Change CSS of selected text using Javascript
  10. Modifying CSS class property values on the fly with JavaScript / jQuery
  11. How to auto-scroll to end of div when data is added? [duplicate]
  12. Disable dragging an image from an HTML page
  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. How can I change the font (family) for the labels in Chart.JS?
  17. Webkit and jQuery draggable jumping
  18. How can I create an inset curved background that works with a background gradient and overlapping transparent shapes?
  19. Unusual shape of a textarea?
  20. Disable elastic scrolling in Safari [duplicate]
  21. How to check if css value is supported by the browser?
  22. How do I make a move up and down when I’m scrolling the page?
  23. How to show live preview in a small popup of linked page on mouse over on link?
  24. Fade background image in and out with jQuery?
  25. Convert dropdown to selection boxes with color and trigger drop down action
  26. How to stop user from printing webpages? using javascript or jquery
  27. How can I compare two color values in jQuery/JavaScript?
  28. How should I crop an image at client side using jcrop and upload it?
  29. Possible to reverse a css animation on class removal?
  30. Removing element with jQuery?

Leave a Comment