The start view is a simple view
that we're not going to dwell on; feel free to look at the code in www/views/startView.html
. In this task we'll focus on the options view located in www/views/optionsView.html
. It's only moderately more complex than the start view, so some of the code is very similar.
When done, we'll have something that looks like the following screenshot:
Let's take a look at the HTML for the view first:
<div class="viewBackground"> <div id="optionsView_contentArea" style="padding: 0; height: auto; position: relative;"></div> </div>
The first portion is very simple; the actual content is in a template that we'll process for localization:
<div id="optionsView_actions" class="hidden"> <div id="optionsView_changeControls"> <div id="optionsView_tilt" ontouchend="optionsView.selectTilt();" ><img src="./images/tilt.png" width=128 height=128> %TILT% </div> <div id...