PDA

View Full Version : Looking for code for iPhone web page rendering without address bar


turtle
2009-07-02, 23:26
What I'm looking for is a way to modify my web pages that cause the address bar to disappear from the screen to minimize scrolling when using an iPhone/Touch. Of course it would need to be able to work with other browsers since most visitors aren't using iPhones. Is there something simple out there for this? If not simple, can I get some extra help? Please. :)

Examples:
http://turtle2472.com/an/photo-6.jpghttp://turtle2472.com/an/photo-7.jpg

Brad
2009-07-03, 00:48
The trick is just to make the page scroll down a little bit. The toolbar is always still there, but nudging the page automatically when it loads will hide it, at least.

This piece of JavaScript should do it:
window.scrollTo(0, 1);

chucker
2009-07-03, 00:49
http://bradkellett.com/p/how-to-make-a-full-screen-iphone-web-app/

<meta name="apple-mobile-web-app-capable" content="yes" />

will remove the Safari chrome, but only when the page is saved as a bookmark.

turtle
2009-07-03, 08:42
Thanks for the tips guys! :) I'll let you know how the modifications work.

turtle
2009-07-03, 17:24
So far I can't get either to work on the main web page I'm looking to use. The problem is that this is a PHP page and just a pain since I don't know PHP. I've asked on the support forums (http://forum.xda-developers.com/showthread.php?p=4072821#post4072821) for that one though since they are the web development guys for that site.

I will see what I can do for the sites I do know better though. :)