mobile-android - programmatic view transition

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/mobile/themes/android/android.css">
<div id="main" dojoType="dojox.mobile.View" selected="true">
        <h1 dojoType="dojox.mobile.Heading">
            Mobile Site Home
        </h1>
     
    
    <ul dojoType="dojox.mobile.EdgeToEdgeList">
            <li dojoType="dojox.mobile.ListItem"  moveTo="viewA">
                View A
            </li>
            <li dojoType="dojox.mobile.ListItem" moveTo="viewB">
                View B
            </li>
           </ul>

    <br>
    <span id="aBtn" dojoType="dojox.mobile.Button">go to A</span> 
        <span id="bBtn" dojoType="dojox.mobile.Button"> go to B</span>
    

    </div>


<div id="viewA" dojoType="dojox.mobile.View">
        <h1 dojoType="dojox.mobile.Heading" back="Home" moveTo="main">
            View A
        </h1>
     
    View A


    </div>
    
 

<div id="viewB" dojoType="dojox.mobile.View">
        <h1 dojoType="dojox.mobile.Heading"  back="Home" moveTo="main">
            View B
        </h1>
     
   View B


    </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.addOnLoad(function(){
    

    dojo.connect(dijit.byId('aBtn'),'onClick',function(){
        var w = dijit.byId('main');
        w.performTransition('viewA',1,"slide",null);
    
    });
    
    dojo.connect(dijit.byId('bBtn'),'onClick',function(){
        var w = dijit.byId('main');
        w.performTransition('viewB',1,"slide",null);
    
    });
    

    
    
});