ons is not defined in my browser console ....

Nitin Bhatia

<!doctype html>
<html lang=“en” ng-app=“mediaApp”>
<head>
<meta charset=“utf-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>
<title>iTunes Media Explorer</title>

<script src=“cordova.js”></script>

<body>

<!-- The sliding menu will show full screen and cover the status bar in iOS7. If you don't want this and want
     it to look more like iOS6 then be sure to add the StatusBarPlugin from the project readme and set the
     preference in your config.xml for the status bar overlay to false. I left some code in below to help
     handle this, you can look at the different options supported for the StatusBar plugin at
     http://plugins.cordova.io/#/package/org.apache.cordova.statusbar.

    You could also add these preferences to the config.xml for the iOS platform in place of the code below
    (note, these prefs may not yet be supported by PG Build)

    <preference name="StatusBarBackgroundColor" value="#C9C9C9" />
    <preference name="StatusBarOverlaysWebView" value="false" />
-->
<script language="javascript">
    document.addEventListener('deviceready', function () {
        // Sample code for Status Bar handling depending on preferences
        // StatusBar.overlaysWebView(false);                                 defaults to true
        // StatusBar.backgroundColorByHexString("#C9C9C9");                  defaults to black
        // StatusBar.styleDefault();                                         dark text on lighter bg
    })
	ons.bootstrap();
</script>

<ons-navigator title=“Navigator” var=“myNavigator”>
<ons-page>
<ons-toolbar>
<div class=“center”>Simple Navigation</div>
</ons-toolbar>
<div style=“text-align: center”>
<br>
<ons-button modifier=“light” onclick=“myNavigator.pushPage(‘page1.html’, { animation : ‘slide’ } )”>
Push Page
</ons-button>
</div>
</ons-page>
</ons-navigator>

<ons-template id=“page1.html”>
<ons-page>
<ons-toolbar>
<div class=“left”>
<ons-back-button>Back</ons-back-button>
</div>
<div class=“center”>Page 2</div>
</ons-toolbar>

<div style="text-align: center">
  <br />
  <ons-button modifier="light" onclick="myNavigator.popPage()">
    Pop Page
  </ons-button>
</div>

</ons-page>
</ons-template>

</body>
</html>

above is my code
and after clicking on pop page button i get myNavigator is not defined error

meshileya

check this out

http://tutorial.onsen.io/?framework=vanilla&category=Reference&module=popover

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

ons is not defined in my browser console ....