refresh web-page on iPad orientation change

Question

I'd like to auto refresh/reload webpage when user tilts his iPad. I've done alot of reseach but am not able to find a solution. Before wasting another day searching for answers, does anyone know if this is this even possible?

use window.onorientationchange function to get this – Dineshkani Dec 05 '12 at 10:37 — Dineshkani, Dec 05 '12 at 10:37

score 8 · Accepted Answer · edited Dec 05 '12 at 10:54

8

window.onorientationchange = function()
{
   window.location.reload();
}

edited Dec 05 '12 at 10:54

VMAtm

27,943
17
79
125

answered Dec 05 '12 at 10:38

Dineshkani

2,899
7
31
43

I already tried this, not working though.. – no0ne Dec 05 '12 at 10:47
Tested on iPad 2 running iOS 6 and it works verbatim. – crmpicco Jun 13 '13 at 09:32
@ThomasBLund Actually, remember the semi-colon at the end of the last closing brace. – crmpicco Jun 14 '13 at 10:17
This is unnecessarily slow, because it will reload the entire page, including images and everything. See [this answer](http://stackoverflow.com/questions/7919172/what-is-the-best-method-of-re-rendering-a-web-page-on-orientation-change/31357325#31357325) for a much faster solution (10 miliseconds). – Dan Dascalescu Jul 11 '15 at 12:58

score 0 · Answer 2 · edited May 23 '17 at 10:32

Note: this question is a duplicate and should be closed. I'll post the gist of my answer here.

  window.addEventListener('orientationchange', function () {
    var originalBodyStyle = getComputedStyle(document.body).getPropertyValue('display');
    document.body.style.display='none';
    setTimeout(function () {
      document.body.style.display = originalBodyStyle;
    }, 10);
  });

The code listens to the orientationchange event and forced a re-flow of the body element by hiding it and showing it 10 milliseconds later. It does not depend on any <meta> tags or media queries. And it doesn't reload the entire page.

score -1 · Answer 3 · answered Dec 05 '12 at 10:45

-1

You can call the delegate of UIWebview on orientation change like this

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
     [_webview reload];
}

You also need to include UIWebviewDelegate in .h file and assign delegate to self.

answered Dec 05 '12 at 10:45

ask4asif

676
4
10

This is not JavaScript. OP was looking for a JS solution. – Dan Dascalescu Jul 11 '15 at 12:15

refresh web-page on iPad orientation change

3 Answers3