Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>PhoneGap allows you to use your existing knowledge of HTML, CSS, and JavaScript to create useful and exciting mobile applications.<br /><br />This book will present you with 12 exciting projects that will introduce you to the dynamic world of app development in PhoneGap. Starting with their design and following through to their completion, you will develop real-world mobile applications. Each app uses a combination of core PhoneGap technologies, plugins, and various frameworks covering the necessary concepts you can use to create many more great apps for mobile devices.</p>
Table of Contents (21 chapters)
PhoneGap 3.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Displaying scores


Submitting scores is great, but the whole point is to be able to compare ourselves against the rest of the world. To do that, we need to create a new view: the High Scores view. When done, it will look like what is shown in the following screenshot:

Just for full disclosure, all these scores are mine and not of the people mentioned in the preceding screenshot. This is just a nice shout-out to some of those who have been involved with the book.

Getting on with it

First, let's create a couple of templates. The main template will be for the view, while each particular score will have a simpler template.

In www/html/highScoresView.html, let's create a template for view:

<html>
  <body>
    <div class="ui-scroll-container">
      <div class="high-scores-title">%HIGH_SCORES%</div>
        <div class="ui-scroll-container high-scores">
          <table class="high-scores-table">
            <thead>
              <tr><th width...