mobile-iphone

by monteslu

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/mobile/themes/iphone/iphone.css">
<div id="main" dojoType="dojox.mobile.View" selected="true">
        <h1 dojoType="dojox.mobile.Heading">
            Mobile Site
        </h1>

        <ul dojoType="dojox.mobile.EdgeToEdgeList">
            <li dojoType="dojox.mobile.ListItem" icon="images/search.png" moveTo="page1">
                Page 1
            </li>

            <li dojoType="dojox.mobile.ListItem" icon="images/collection.png" moveTo="page2">
                Page 2
            </li>
            <li dojoType="dojox.mobile.ListItem" icon="images/picker.png" moveTo="gamePicker">
                Page 3
            </li>


        </ul>
    </div>
    
    
    <div id="page1" dojoType="dojox.mobile.View">
        <h1 dojoType="dojox.mobile.Heading">
            page 1
        </h1>
        
        blah, blah, blah
        
                  <li dojoType="dojox.mobile.ListItem" icon="images/search.png" moveTo="main">
               home
            </li>
    </div>

CSS

</style>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 
        <meta name="apple-mobile-web-app-capable" content="yes" /> 



<style>

JavaScript

dojo.require("dojox.mobile");
dojo.require("dojox.mobile.parser");
 
dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");
dojo.require('dojo.io.script');




dojo.addOnLoad(function(){
    

    console.log('hi');     
               
});