Thanks, Jorge! I compared your working solution with my test page, line-by-line and found that by simply adding an onunload handler the load event is called properly in the problematic use case (returning to a previously loaded page, via the back button, after rotating the phone while viewing another page)
The unload handler can be an empty function, but simply by being registered it seems to correct the behavior of onload. I'll check in the changes to samples/orient.html once Google Code finishes its maintenance. Also, I did not see w.innerWidth with a value of 240 in portrait mode. Did that only happen when you removed window.onunload? -- Sean Jorge Chamorro wrote: > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <title>Orientation</title> > <meta name="viewport" content="width=device-width; > initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; > user-scalable=0;"> > > <script type="text/javascript"> > window.onload= window.onunload= window.onorientationchange= > window.onresize= function () > { > var w= window, > x= function (p) { return document.getElementById(p) }; > x('target').innerHTML= w.orientation+", "+w.innerWidth+", > "+w.innerHeight+'<br/>'+Date(); > } > </script> > </head> > <body> > <h2>Tracking Orientation</h2> > State: <span id="target"></span><br/> > <a href="static.html">link out</a><br/> > </body> > </html> > > Obviously there's some bug because > > 1.- these events are not always being posted at the right time > (remove window.onunload and you'll see what I mean) > and, > 2.- w.innerWidth when in portrait sometimes becomes 240 (?), > > But written in this way at least w.orientation seems to be reported > correctly, all of the times. > > --Jorge. > > El 30/05/2008, a las 19:58, Sean Gilligan escribió: > >> p.s. Occasionally, clicking "Read window.orientation" seems to >> trigger a resize event that otherwise would not have happened. >> >> -- Sean >> >> >> Sean Gilligan wrote: >>> window.orientation always seems to have the correct value if >>> polled. But I don't know of a reliable strategy for using event >>> handlers to track the state of window.orientation. >>> >>> I have created a test program and put it in the iui samples >>> directory on Google Code: >>> http://iui.googlecode.com/svn/trunk/samples/orient.html >>> >>> 1) Load this page on your iPhone >>> 2) Touch the "link out" link >>> 3) Wait for the "Static" page to load >>> 4) Change the orientation on your phone >>> 4) Click the back button on your iPhone >>> 5) Notice that three indicators of orientation read "unknown" >>> (The "Load Events" indicator should have original orientation >>> listed) >>> 6) Click the "Read window.orientation" javascript link >>> 7) You'll notice that "Manual State" now correctly indicates orientation >>> >>> The source for this page is really simple (based upon Apple's sample >>> code) >>> >>> So, does anyone have an idea for how to track all orientation >>> changes without using setInterval()? >>> >>> -- Sean >>> >>> >>> Peter Blazejewicz wrote: >>>> hi, >>>> >>>> "window.orientation" {0, 90, -90} >>>> does it work in use cases raised in first post? >>>> >>>> regards, >>>> Peter >>>> >>>> On May 30, 10:18 am, Chrilith <[EMAIL PROTECTED]> wrote: >>>> >>>>> Could you be more specific? >>>>> >>>>> On May 30, 12:16 am, Peter Blazejewicz <[EMAIL PROTECTED]> >>>>> wrote: >>>>> >>>>> >>>>>> hi guys, >>>>>> >>>>>> except of Window event there is a window orientation property if my >>>>>> memory serves me correctly, is there? >>>>>> >>>>>> regards, >>>>>> Peter >>>>>> >>>>>> On May 28, 10:06 am, Chrilith <[EMAIL PROTECTED]> wrote: >>>>>> >>>>>>> No, this seems to be more a limitation (bug?) of Safari >>>>>>> >>>>>>> On May 27, 10:35 pm, Sean Gilligan <[EMAIL PROTECTED]> wrote: >>>>>>> >>>>>>>> Using onload and onorientation handlers I can track the orientation >>>>>>>> state of the page without needing to use setInterval(), except for (at >>>>>>>> least) the following case: >>>>>>>> >>>>>>>> 1. Page is loaded in portrait mode >>>>>>>> 2. User follows a link to another page >>>>>>>> 3. User rotates the iPhone while viewing the other page >>>>>>>> 4. User uses the back button in Safari >>>>>>>> >>>>>>>> When the page is redrawn, neither the onload or onorientation handlers >>>>>>>> will fire. >>>>>>>> >>>>>>>> Has anyone solved this problem without using setInterval to poll? >>>>>>>> >>>>>>>> Thanks, >>>>>>>> >>>>>>>> Sean >>>>>>>> >>>> >>>> >>>> >>> >>> >> >> >> > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to iphonewebdev@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en -~----------~----~----~----~------~----~------~--~---
