Good try, but I think window.orientation is something that the browser
sets, and you can't affect it with code.
What I was suggesting is something more like:
function orientationChanged() {
if ( window.orientation == '90' || window.orientation == '-90' ||
window.orientation == '180' )
document.body.className = 'landscape';
else
document.body.className = 'portrait';
}
Then, in your CSS, you can have different styles for elements in
portrait or landscape mode.
Depending on what, exactly, you're trying to do, though, Randy is
right: it's simpler just to use percents, i.e. 100%, etc. as width
parameters. This allows your page to display regardless of orientation.
Also keep in mind that it's quite possible (I'd say likely) that Apple
will release an "iPhone HD" with, say, a 240 pixels per inch display,
or the again-rumored table with who-knows- how-many-pixels. Anything
based on 320 pixels wide will need reworked. By using %s, you can keep
yourself from having several versions of the same site.
August
On Nov 6, 2007, at 12:10 PM, Steve Finkelstein wrote:
>
> Thanks August..
>
> I'm having a bit of difficulty panning the view back into portrait ..
> if any suggestions to the following code can be made it would be
> totally wonderful... I figured it would do the trick, but apparently
> not. :-)
>
> function orientationChanged() {
>
> if ( window.orientation == '90' || window.orientation == '-90' ||
> window.orientation == '180' )
> /* flip back to portrait view. */
> window.orientation = 0;
> alert(window.orientation);
> }
>
> - sf
>
> On 11/6/07, August Trometer <[EMAIL PROTECTED]> wrote:
>>
>> You can't prevent landscape mode, but you can detect it, then adjust
>> your page as necessary. iPhone 1.1.1 introduced the
>> "onorientiationchange" JavaScript event. You can use it like this:
>>
>> <body onorientationchange="orientationChanged()">
>>
>> Then in orientationChanged() look at the window.orientation property
>> to determine the orientation of the screen. You can then set CSS
>> properties accordingly.
>>
>> As far as input boxes, if you use a form element name that uses 'zip'
>> in it, a numerical input box will be used. For example:
>>
>> <input type="text" name="thisisnotazip" size="20" />
>>
>>
>> Good luck!
>>
>> August
>>
>>
>>
>>
>>
>> On Nov 6, 2007, at 11:39 AM, Steve Finkelstein wrote:
>>
>>>
>>> Hi folks,
>>>
>>> I was curious if anyone had a code snippet to prevent landscape view
>>> from happening in an application? I currently haven't optimized my
>>> CSS
>>> to propagate if the phone gets tilted 90 degrees and would like to
>>> prevent landscape view from creeping up.
>>>
>>> Also, one other question, is it possible to force only a numerical
>>> keyboard to come up for certain input boxes?
>>>
>>> Thanks for the help. :-)
>>>
>>> - sf
>>>
>>
>>>
>>
>
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
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
-~----------~----~----~----~------~----~------~--~---
