iPhone JavaScript

Creating a footer (Building Interfaces) (iPhone JavaScript)

The first recipe of this topic shows how to create a main toolbar with a title. It seems useful to create a footer with some relevant information. Usually, a footer uses a small font and a different color to be different from the rest of the text in the same screen. Let’s find out how […]

Creating a back button (Building Interfaces) (iPhone JavaScript)

At this point we have the basic elements for our application. We have learned how to create a toolbar and a footer, and how to modify the main status bar of the device. Probably you’re thinking our toolbar is too simple. Yes, you’re right. It could be more useful if we add some buttons. One […]

Creating a button for the toolbar (Building Interfaces) (iPhone JavaScript)

The toolbar bar can contain simple buttons as well, not only navigation buttons. For instance, the Cancel button is very common and the status bar can be the right place for it. This kind of button is different; we don’t need any arrow or icon. A rounded button with a simple text is enough for […]

Building a breadcrumb menu (Building Interfaces) (iPhone JavaScript)

A breadcrumb is a useful and common widget in modern graphical user interfaces. This navigation widget gives users a way to keep track of their location. Breadcrumbs provide a simple mechanism to navigate from the current page to its parents using different links. Typically, graphical elements are used to separate elements inside the breadcrumb. Arrows […]

Building the duo navigation buttons (Building Interfaces) (iPhone JavaScript)

Another important navigation widget for the graphical user interface of our iPhone applications is the duo buttons. These buttons allow us to go to different pages. It’s also is possible to use these buttons as triggers for actions. For instance, one of these buttons can be used for cancelling an action. Let’s show how to […]

Building the lists for items (Building Interfaces) (iPhone JavaScript)

One of the most used widgets in the graphical user interface for iPhone applications is the list. This one shows different items separated by a horizontal thin gray line. The lists can be useful for showing sorted information to the user. For instance, a list is ideal for listing a set of records from a […]

Building menus using lists (Building Interfaces) (iPhone JavaScript)

The menu is one of the most important widgets of the graphical user interface of the software. It allows a structured and hierarchical way for accessing different options and features offered by the application. Desktop applications use a menu inside the main toolbar and web applications apply techniques such as the use of unordered list […]

Creating the toggle buttons (Building Interfaces) (iPhone JavaScript)

A toggle button allows you to choose between two possible states or values. The most common use of this widget is for actions or properties, whose value can be On or Off. The value can be changed by clicking on the button. It detects the event and automatically changes the value from one to the […]

Creating a modal box with buttons (Building Interfaces) (iPhone JavaScript)

A modal box is similar to a conventional dialog window used by web and desktop applications. It appears as a response to an event. For instance, when a user clicks on a button then the click event is launched. This modal box can contain some buttons to launch different events or actions, and it is […]

Building a search dialog (Building Interfaces) (iPhone JavaScript)

The iPhone provides a specific way to display dialog boxes for searching. This kind of dialog is different than the modal box that we explained in the previous recipe. Actually, the search dialog box is displayed as a pop up at the top of the current page. Meanwhile, the rest of the same page is […]