If your creating some kind off wizzy AJAX auto-complete function that populates an your input text box you will probably want to turn the browsers auto complete feature off.

You could do this in plain HTML

The problem is that this would not be in keeping with the principle of progressive enhancement. In other words you would be disabling the browers autocompletion function without offering a solution of your own. Also you HTML would be invalid.

Luckly, this can bee achived using the jQuery attr fucntion

For some reason I got it into my head that I would like to create an on screen keyboard that mimicked my actions. It was also a good chance to get stuck into some more JQuery. There were three main parts to this code.

[More]

Acquiring submitted form data with JQuery has always been a bit of a problem for me so I thought I would share how I (still a novice with JQuery) now handle this problem. My first method is to loop over all the input, select and textarea's within the form.

[More]

Here is a quick and easy snippet to remove default values from input fields on focus. For each result, it clears the default value onfocus and restores the default if the value is empty onblur.

I thought this would be a good starting point for anyone who is creating a shopping cart and needs a form to process the details. Although the form comes with some JQuery validation I would recommend that you also add server side validation for those 5% of users that have javascript turned off.

[More]

Jquery has many excellent plugins. The latest one that I have been playing around with is the autocomplete plugin. This plugin enables the user to autocomplete an input field to help quickly find and select some value, leveraging searching and filtering. The following demo will show you how to implement this plugin with coldfusion.

[More]

I have a typical HTML list of contacts. Inside each list element is a div containing the contacts details. I want the all the contacts details to be hidden when the page loads and allow the user to select which contacts details they want to view. But how do I find out which list element I have selected? Here is what I did

[More]

I have a form making an Ajax call to the server and I wanted to briefly display a message telling the user the results of the call. I start with an empty div to display the message.

[More]

I wanted to add some links to the bottom of this blog and then jazz them up using a little JQuery. Here is the code I used

[More]