Question

My senior project is a web-based storytelling app to be viewed on iPad. The elements need to be touched with.

I was wondering if there was some sort of packaging service that will convert my pages into an independent app – I want to escape some of the features of Safari. Such as the address bar, tab bar, etc. I do not want people to be able to leave my project in the gallery.

Any ideas?

Answer 1

if you add this to your header:

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

you can then add to homepage and it’ll remove the browser elements…but you will have to make the various page calls with ajax, or setting window.location…you can’t just have traditional links (it’ll reopen safari)

—————————-edit:——————————-

Here’s what I mean about window.location.

used to be <a href="http://url">linktext</a>

now

<span style="text-decorate:underline;color:#00F;" onclick="viewPage('http://url');">linktext</span>
<script type="text/javascript">
function viewPage(p){
    window.location=p;
}
</script>