laboratory

[ , , , ]
Project type
jQuery plugin
Another experiment
Displaying Math/Equations with CSS and HTML
Posted in laboratory as , , ,
Date: Jul 09, 2011
2 comments

A jQuery Plugin For Changing Measurement Units Inline

I’m experimenting with an inline measurement unit switcher and recalculating tool built as a jQuery plugin. Off to a pretty good start. All one needs to get it running is pop in the basic tag, give it a type, and add a number.

Inline measurement unit switcher with jQuerySwitching the measurement unit inline

The basic plug is like so:

<span class="hd-munit-switcher" rel="temperature">100</span>

Version 0.1 includes support for basic temperature and a few distance measurement units. I’m interested in expanding this, but it’s my party – I’ll code when I want to.

View Demo

Next I’d like to add better error capture, more measurement units, better support for inputs, and plugin options such s turning on/off switching for all units on a page.

Related Posts:

2

This entry was posted on Saturday, July 9th, 2011 at 6:23 pm and is filed under laboratory . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “A jQuery Plugin For Changing Measurement Units Inline”

  1. 1
    Experiments for Week 28 | Hanami Design | Reply
    July 10, 2011 at 9:09 am

    [...] for inline measurement unit switcher jQuery plugin The next evolutionary step for my budding jQuery plugin is to give it some options people can change. Which ones, I’m not yet sure [...]

  2. 2
    [Updated] jQuery Plugin for Changing Measurement Units and Converting Values | Hanami Design | Reply
    July 17, 2011 at 3:36 pm

    [...] var addthis_config = {"data_track_clickback":false};This is the first major upgrade to the HD Unit Switcher jQuery plugin I’ve been developing for managing the changing of distance units such as meters and miles and [...]

Leave a Reply