hoverCheckbox

As part of the current project I’m working on, it was decided that as an instant feedback to users we would make a checkbox seem “ticked” when they hover over it. The other alternative is – as eBay use – to use an image that will change when you hover over it. However, the idea of using an image for someone that isn’t a designer is an instant “What? Hell no!”, so I set about finding a better alternative.

The solution was to use some jQuery that would check the status of the checkbox when they hover over it, store that in a variable, and then add a check. Then if they unhover if the box wasn’t checked then you remove the check, otherwise do nothing.

The demo can be seen over at the hoverCheckbox Demo site. With the source code visible on the same site.

To activate the hoverCheckbox on a checkbox, simply add the class “hovercheck“.

A simple script, but is rather handy when you come to providing instant feedback to users and checkboxes – this can be adapted for label tags if needed.

I’m on Twitter

I don’t like to use this blog for non-work related things. However, I’m exploiting it and am taking this point in time to advertise my Twitter. I don’t promise to post anything which will lead to a scientific breakthrough, but anyone interested in the thoughts and workings of a 20 year old web developer should follow. Click the bird, and then tweet me saying hi!

Under Development

This is my new blog & portfolio. This will document information about myself ranging from education to work. My portfolio will be split up into various sections ranging from complete to works in progress. Also including some of my own personal projects.

Hopefully my portfolio will be completed and online within a few days.

Update: My Education & About Me pages are now online.