iphone mobile web + remove safari interface bars

Question

Hello, anone knows how to remove the bar at the top and bottom on safari iphone. I have this mobile web page am writing and I cannot get rid of the navigation bar. Is that even possible ?

Thanks.

Answer 1

You can't remove the bars from the top and bottom of the Safari app. I've seen apps that embed Safari in them without the two bars, but you couldn't do this using Javascript or a metadata tag in your page.

UPDATE

There is trick that lets you hide the address bar by scrolling the page. Something like this:

<script type="application/x-javascript">
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

    function hideURLbar(){
        window.scrollTo(0,1);
    }
</script>

Answer 2

You can include <meta name="apple-mobile-web-app-capable" content="yes" /> in the header. This will remove the two bars when the app is bookmarked on the springboard.

If you want to remove the top bar in mobile Safari, use the code Am posted.