Dr. Dobb's Journal - May 2008 - (Page 32)

d05much_p2as 3/13/08 10:04 AM Page 32 Core Technology MOJAX: MOBILE AJAX FRAMEWORK continued from page 30 is a vertical orientation and an tag shows a banner across the top of the screen. The remaining content of the splashscreen are within a tag, which you can use to further define the layout. The tag defines the message to be displayed to users while the application loads. The second tag displays an animated progress indicator. Associated with this tag are two tags— onShow and onHide. The former is called when the imagebox (essentially, the splashscreen) is shown on the device. The work that needs to be done here is to call the init() function to initialize the application, start the animation of the progress indicator, and call the Zillow API through the pingzillow() method. The onHide method is called when this screen is no longer visible on the display, your cue to stop the animation. (Regarding the GIF image: Mojax supports JPG, GIF, and Animated GIF files, even on devices that do not directly support these file types.) The next screen is the main UI defined using a tag mainScreen; see Listing Two. In Listing One, I created two tags for managing the onShow and onHide events. In Listing Two, the events onLeftSoftkey and onRightSoftkey are defined inline within the tag. Either approach suffices, as the end result is the same; that is, when some specified event occurs, perform some action. Generally, I use the tag when more than one action is tied to an event. There is a powerful concept hidden within the tags—the ability to work with dynamic content using bind, which associates an expression with the value of an object. In the two textboxes shown, bind displays the current address, city, and state by retrieving the current value of Cache.address and Cache.citystate. The primary content on the main screen is contained with a tag. I use this tag when the contents of the property information returned from Zillow can’t be shown on one screen. The contents of the scrollbox are managed in the tag. Notice the softkey references (onLeftSoftkey/onRightSoftkey) and the methods associated with them. When users select the left softkey, exit() is called to shut down the application. When the right softkey is pressed, the method show() is invoked, Figure 1: Main screen. 32 Dr. Dobb’s Journal l www.ddj.com l May 2008 http://www.zillow.com http://www.programmingresearch.com http://www.programmingresearch.com http://www.ddj.com

Table of Contents Feed for the Digital Edition of Dr. Dobb's Journal - May 2008

Dr. Dobb's Journal - May 2008 Contents Friday Night Fish Fry Alia Vox Developer Diaries Software Development Goes to the Movies Cat: A Functional Stack-Based Little Language Mojax: Mobile Ajax Framework Kernel-Mode Databases Getting Better Search Results Effective Concurrency The Agile Edge

Dr. Dobb's Journal - May 2008

For optimal viewing of this digital publication, please enable JavaScript and then refresh the page. If you would like to try to load the digital publication without using Flash Player detection, please click here.