Skip to content

Posts from the ‘jQuery Mobile’ Category

7
Dec

Learning Highcharts – A book shows you what you can do with Highcharts

Highcharts is an HTML 5 JavaScript charting library which offers stunning graph presentation, highly flexible configurations, APIs and events, a great selection of different types of charts.

Here is my first published book, Learning Highcharts, showing you what you can do with Highcharts. This book contains :

  • a step by step guide from simple to presentable charts
  • a missing manual on topics such as: chart layout policy, color shading, etc
  • application demos with dynamic and interactive charts using Highcharts APIs and events
  • a guide to setup Highcharts running on the server-side
  • application demos with mobile web framework jQuery Mobile and desktop Rich Internet Application framework Ext JS
  • many examples of charts with series types: line/spline, area spline, column, bar, scatter, pie, gauge, polar, area range and column range
  • even more examples on charts with specific configurations such as: projection line chart, stacked mirror chart, horizontal gauge chart, and much more

Read more »

5
Dec

jQuery Mobile: The Concept of Linking Mobile Pages (2)

Scenario 3: Load mobile page from another HTML document via Ajax

Recalling the scenario 2, we can load a mobile page from another HTML document using a normal HTTP request. This is the simplest way to load an external mobile page because any custom JavaScript code (e.g. pageinit handler code) can be put inside the <script> embedded inside the HTML <head> section. So once the document is loaded with HTTP request, the pageinit bind event code is also guaranteed to be run for all the mobile pages in that document. The downside is that we don’t get animated page transition because the previous DOM has been destroyed from the new document load. Read more »

2
Dec

jQuery Mobile: The Concept of Linking Mobile Pages (1)

It took me a while to grasp the concept of linking pages in jQuery Mobile (jQM). I must say it was a little bit awkward to start with. However, it soon becomes clear to me that this is actually very simple and light design. This article is to illustrate such concept, not a guide to show you how you should organise jQM pages. Also by understanding this concept, hopefully it helps you to design your web application with fluid user experience and less confused on attaching JavaScript code with mobile page. Before we talk about how mobile pages referring to each other,  assume we all know the jQuery Mobile syntax and the following conditions: Read more »