In this quick tutorial we will show you how to add a simple button to your jQuery Mobile app that takes your user to a random page of your app. The pages are drawn from a list of pages that you create. The code for doing this is really quite simple. So lets get to it.
jQuery Mobile: Add Splash Screen to Android or iOS
In this tutorial we will show you how to add a splash screen to your iPhone or Android mobile application in jQuery Mobile.
If you are using phonegap build you will notice there is no way to edit the AndroidManifest.xml file. That is fine because we don’t need to. We actually need to modify or create the config.xml file. Any attempt to modify the AndroidManifest.xml file will result in the licence for that install becoming invalid and so useless to us. However the AndroidManifest.xml file is built using the information contained within the config.xml. So lets begin. Continue reading
jQuery Mobile: Install and Test Phone app on iOS with Phonegap
In this quick tutorial we will show you how to install a phone app you have downloaded from Phonegap on an iOS device for testing. All we need to put our phone app onto our iPhone,iPod or iPad is iTunes. We will also need our provisioning file the same… Continue reading
iPhone PhoneGap: gap_poll error when testing on iOS
Recently while working on app for iPhone I received a error message that would continually loop. There is not a lot of information out there on the gap_poll error so I though I would share the quick solution to it with you. This applies if you get any of the following errors:… Continue reading
Today I will just quickly show you how to add a search function to list in jQuery Mobile. The process is quick and easy but this is just for a simple search function. Continue reading
jQuery Mobile: Accessing the Photo Album with Cordova 2.0
In this tutorial we will show you how to access the phones internal photo album within your jQuery Mobile app. By the end of this article you will be able to go to the photo album, select and image and return to the same page and display the image selected inside your jQuery Mobile app. We will be adding to the code from the previous tutorial so check it out.
For this like our last tutorial we will be using Cordova 2.0 to acheive this. If you have not done this tutorial it is advised you go take a quick look at it now before proceeding. jQuery Mobile: use Phone Camera using Cordova 2.0
jQuery Mobile: Use Phone Camera using Cordova 2.0
In this tutorial we will show you how to give your jQuery mobile app access to the phone camera and take a simple photo. We will be using Cordova 2.0 to accomplish this. We will begin by ensuring the the camera is active, creating a button to go to the camera and then return to the application and display the photo.
Doing things with these photos will come in subsequent tutorials coming soon. For information on how to access the Photo Album please visit jQuery Mobile: Accessing the Photo Album with Cordova 2.0
jQuery Mobile: Dynamic Footer Active Buttons with CSS
This tutorial is a follow on from JQUERY MOBILE: DYNAMICALLY ADD FOOTER OR HEADER TO EVERY PAGE in which we set up our footer so that it loads from a separate file (footer.html). Today we will show you how to set your app up so that even though this footer is being called from an external file we can still have an active state for our navbar buttons. This will done with very little modification to code. Most of the changes we make is in our CSS files only. So if you haven’t already taken a look at the above tutorial so that you have your footer coming in from an external file please do so now then return. Continue reading
jQuery Mobile: Fixed Floating Footer with iScroll
In this tutorial we will be showing you how to fix the bug in jQuery mobile with fixing your footer to the bottom of the page in the floating position. It is a common problem with a lot of dud solutions out there so I will sharing with you the best fix I have managed to find after many hours of research.
Often if you do manage to get the footer to float in the right position with jQuery mobile the button stop working the moment you start scrolling. This solution gets the footer to remain fixed to the bottom of the mobile screen while keeping the button functioning fully.
In this tutorial we will be teaching you how to add the same header and footer to every page of your jQuery Mobile App from an external file. We will be doing this with just a few simple lines of code and by creating a few small HTML files.
The advantages of handing our header and footer in seperate files should be immediately obvious to most of us. Any changes we make to our header or footer files will change instantly on all of our pages. This saves us a lot of time as our mobile applications get bigger and bigger as a job progresses. We no longer have to hunt down and change every footer or header reference one by one manually. Continue reading