Installing jQuery Mobile into a website is an easy task.As with jQuery UI, you can choose to install it locally, or you can run the JavaScript and CSS from jQuery’s website. Most people run it from their local site, as it reduces the DNS look-ups, which are slower in most mobile browsers/networks. To download jQuery…
Coming up with a good navigation structure is important in mobile web design. We’ve already looked at some issues when dealing with navigation in mobile devices. Now we are going to look at some ideas on over coming these problems. Problem Recap Just to recap some of the problems we may experience: Taking up too…
The Accordion widget is used to collapse data, so that the end user only sees some of the data on the page. This makes it easier to process the information for the end user.This is because instead of having a large page which scrolls for a long time, it will show only some of the…
Sometimes we need to find a way to organize data within a HTML Web Page. Tabs allow us to have a single content area, which can be separated into individual panels, so only one area can be seen at a time. Which panel is seen is controlled by a horizontal header with labels for each…
Sometimes it would be helpful to have a new window appear, like with a regular desktop application. HTML provides a very limited form for that, basically an alert box and an input box. However they are very limited in what you can do with them, such as, you cannot format the information inside those boxes….
jQueryUI adds several forms fields that are not available in standard HTML forms. One example is slider. By default, a slider will be horizontal with a single tab that can be used to be dragged left and right to change the value of the slider. // create a basic slider object $( “#slider” ).slider(); The…
Datepicker is a part of jQueryUI which allows you to include a calendar. This does two things: Makes it easier for the end user to pick a date Makes for more consistent and correctly formatted dates, so it will be easier to work with form processors that need to handle those dates. You might wonder…
Once you have chosen a theme and installed jQueryUI, then it is time to start using it. Button is one of the easiest, and most common items to use in jQueryUI. This is because it can be used to dress up a form, or to create nicer looking navigation (and inner content navigation) on a…
