Skip to main content

Jquery Mobile

jQuery Mobile List of articles

Following is a list of articles part of the jQuery Mobile series.

Introduction 😀 😀

  1. Introduction to Jquery Mobile
  2. Features of Jquery Mobile

jQuery Mobile Page Structure 😀 😀

  1. Jquery Mobile - Single page structure
  2. Jquery Mobile - Multi-page structure
  3. The mobile meta tag
  4. Jquery Mobile - Multiple Titles problem

Jquery Mobile Listview 😀 😀

  1. Basic Listview
  2. Listview with data-inset property
  3. Customizing the listview
  4. Jquery Mobile - Nested Listview
  5. Jquery Mobile - Numbered Listview
  6. Jquery Mobile - Readonly Listview
  7. Jquery Mobile - Split button listview
  8. Jquery Mobile - List dividers
  9. Jquery Mobile - Filtering the listview
  10. Jquery Mobile - Listview with count bubbles
  11. Jquery Mobile - Text formatted listview
  12. Jquery Mobile - Listview with icon images
  13. Jquery Mobile - Listview with thumbnail images
  14. Jquery Mobile - Theming listview icons
  15. Jquery Mobile listview with custom icons
  16. Jqeury Mobile accordions - Collapsible listview
  17. Side-scrolling web pages issue with Jquery Mobile - Issue #5748
  18. Jquery Mobile listview enhancements and customization

jQuery Mobile Form Elements 😀 😀

  1. Jquery Mobile - Introduction to Form Elements
  2. Default keyboards for HTML5 input types
  3. Jquery Mobile Form - Text Input
  4. Jquery Mobile Form - Search Input
  5. Jquery Mobile Form - Customizing the search box
  6. Jquery Mobile Form - Slider Control
  7. Jquery Mobile Form - Flip toggle switch control
  8. Jquery Mobile Form - Radio buttons
  9. Jquery Mobile Form - Checkboxes
  10. Jquery Mobile Form - Select menus Part I
  11. Jquery Mobile Form - Select menus Part II


Recommended for You

Difference between word-break: break-all versus word-wrap: break-word

The 2 CSS properties word-break: break-all and word-wrap: break-word appear to work in the same way or generate the same output, but there is a slight difference between the 2 and we will be discussing these differences today.

    Take a look at the example above. The difference is quite evident, however I will try to explain it further.

word-break: break-all Irrespective of whether it’s a continuous word or many words, break-all breaks them up at the edge of the width limit even within the characters of the same word
word-wrap: break-word This will wrap long words onto the next line.break-word adjusts different words so that they do not break in the middle.
    So if you have many fixed-size spans which get content dynamically, you might just prefer using word-wrap: break-word, as that way only the continuous words are broken in between, and in case it’s a sentence comprising many words, the spaces are adjusted to get intact words (no break within a word).     In case you want to exp…

Google Map's Real-Time Traffic Layer...

You can now check the traffic condition on the road before you leave for work, or a party or to your friend's place. Google's Traffic layer shows the traffic conditions in your area - LIVE!!! Live traffic data is available in major cities in the United States, France, Britain, Canada and Australia, with new cities and countries frequently added. The Google Maps API allows you to add real-time traffic information (where supported) to your maps using the TrafficLayer object. Traffic information is provided for the time at which the request is made. Consult this spreadsheet to determine traffic coverage support.

    Let us now have a look at the Google Maps API - Trafiic Layer example. Copy the following code in a simple text file and save it as html. Click on this html file and it will open in your default browser. You will then see the traffic conditions in your area - LIVE...

    The output of the above code looks as seen in the result section above. The map in this examp…

Onclick polygon

Yesterday we had a look at a simple polygon example. But that example was not exciting as it was all hard-coded with no user interaction and which means no fun! Today's example will deal with creating a polygon on the fly, i.e. an on-click polygon in action!

    The code for creating a polygon is very much similar to creating a polyline! The only difference is that you need to replace "Polyline" by "Polygon" in such examples. Let's head on to our code.

    The output of the above code can be viewed in the result section above. If you have any doubts or queries regarding the above code then please comment here or feel free to drop me a mail! Till then, happy mapping!

Ground Truth - How Google Builds Maps

Todays's article is cross posted from The Atlantic's Tech section. The article was posted by Alexis Madrigal who is a senior editor at The Atlantic, where he oversees the Technology channel. So, thanks to The Atlantic and Alexis Madrigal, we will have an exclusive look inside Ground Truth, the secretive program to build the world's best accurate maps.

    Behind every Google Map, there is a much more complex map that's the key to your queries but hidden from your view. The deep map contains the logic of places: their no-left-turns and freeway on-ramps, speed limits and traffic conditions. This is the data that you're drawing from when you ask Google to navigate you from point A to point B -- and last week, Google showed me the internal map and demonstrated how it was built. It's the first time the company has let anyone watch how the project it calls GT, or "Ground Truth," actually works.
    Google opened up at a key moment in its evolution. The co…

Delhi Metro's Airport Express Corridor mapped on GIS...

The Delhi Metro's showcase Airport Express Corridor, connecting the Indira Gandhi International Airport to the heart of the Delhi, was rolled out for the public on the 23rd of February, 2011.

         This is the first line in India to be mapped on GIS to enhance safety, maintenance and traffic regulation. Mapping the corridor on GIS will help in mobilising emergency services in case of a blast or fire on the train. Delhi Airport Metro Express Private Limited, the company operating the line, has mapped all the emergency services, including fire stations, police stations, hospitals, etc. along the alignment.