The Mega App user interface

In Mega App, we have three main pages:

  • "memoList": This page is the app's home page. It displays the different types of the user memos
  • "memoCapture": This page is used to create, view, and edit a memo
  • "about": This page is a simple app about page

The following code snippet shows the "memoList" page:

<div data-role="page" id="memoList"> <div data-role="header" data-position="fixed" data-tap-toggle="false"> <a href="#about" data-role="button" data-icon="info" data-mini="true">About</a> <h1>Memo List</h1> <a id="newMemo" data-role="button" data-icon="plus">New</a> </div> <div data-role="content"> <ul data-role="listview" id="memoListView"> </ul> <div data-role="popup" id="memoTypeSelection"> <ul data-role="listview" data-inset="true" ...

Get JavaScript Mobile Application Development now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.