I ran into an interesting problem today with a wordpress theme that I developed for a client. I was using the same drop-down menu from the new TwentyTen theme, and everything was working fine… or so I thought. As it turns out, when viewing the theme in IE7, the drop-down menu was appearing behind other elements on the page.
It seems a lot of users lately have been asking questions about AJAX forms with JQTouch and wondering how they work. I have put together some video tutorials which walks you through creating a login form from scratch. The form submits via AJAX, validates the form variables, then uses a cookie based system to remember if you’ve logged in or not. Please leave me comments if you like what I’ve put together or if you have any questions or feedback.
You can download a copy of the code here
Part 1: Creating the home page
Part 2: Creating the form handler
Part 3: Creating the logoff handler and adding logic to the home page
JQTouch is an awesome platform when it comes to making a mobile optimized website. One problem that I run into a lot is that I develop on my PC, and it’s extremely cumbersome to debug and test on my mobile device during the development process. Instead, I use my PC browser to do most of my debugging and testing, then I just test out major revisions on my cell phone.
This is an extension for JQTouch (a framework built on top of JQuery) that allows you to build mobile optimized websites. This extension arose out of the need to have a dynamic min-height setting rather than relying on the static min-height settings in the jqtouch.css file. This allows for greater cross-browser compatability when aligning items to the bottom of a page or on background elements.
As I’ve been working with the JQTouch links, I’ve noticed that they don’t do a very good job with ajax links. It appears that those links will only work if they are nested in a <li> element. I have a button that sits at the bottom of my home screen that I want to have it load a dynamic page each time it’s clicked via ajax. I was able to do it with a relatively simple bit of code that I will credit Gonzalo Floria with at Google Code for JQTouch.
Continue reading