jQuery Plugins

I've been using jQuery for a few years now and its power is phenomenal. Here are a couple of jQuery plugins that I've developed:-

quickerTime trueCombo
This is a plugin for setting the time of day with the mouse (or a touchscreen). I've kept the interface simple by allowing selection of times to the nearest 5 minutes, which is usually accurate enough for most applications. However, the minute value can be set manually if required.

Click the clock icon to give it a try:-

Source:

    <input type="text" id="txtTime" class="txtTime" />

    script:

    $(document).ready(function () {
        $("#txtTime").quickerTime({ 'doubleClickForNow': true });
    });                   
                

Download: quickerTime.zip

Something I find users ask for quite often, in relation to dropdown lists, is the ability to type a value, when the option they're looking for is not present in the dropdown. Obviously this isn't always desirable, but in some cases it can be a good solution.

This plugin provides a true combo control, i.e. the user can select from a dropdown or alternatively enter free text.

Source:

 <div id="divCombo">
    <input type="text" />
    <select>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
    </select>                        
 </div>

 script:

    $(document).ready(function () {
        $("#divCombo").trueCombo();
    });
                

The plugin works by hiding the <select> element and changing it to a listbox, which it then displays when the dropdown icon is clicked

Download: trueCombo.zip