background preloader

Autocomplete

Facebook Twitter

Developing an accessible slider. What's This All About?

Developing an accessible slider

Our selectToUISlider plugin uses progressive enhancement to scrape the data from a select element (or two for a range) and generate a jQuery UI Slider in its place, acting as a proxy to the select element (regardless of whether it is still visible, or hidden from the user). This means you can use the jQuery Slider plugin alongside other input elements in a form and submit or serialize the form as if the slider is not even there. It also allows the user to interact and make a choice with or without javascript, since the select element can be used if the slider is unavailable.

The plugin enhances the jQuery UI slider in many ways, adding text labels and ticks on the slider axis, and tooltips that appear while a slider is being used. In this most recent update, we've also added ARIA support and a tabindex to the slider, allowing it to be accessible to users on assistive technologies, such as a screen reader. Working Demo: Demo Page $('select').selectToUISlider(); Proto!TextboxList meets Autocompletion. February 11th, 2008 by EGBlue This is the Prototype version of the extended script by Guillermo Rauch.

Proto!TextboxList meets Autocompletion

As with the previous script, this script has been converted and operates like the original. An extended and upgraded version will be posted later on this week, if you have any comments or requests, please post them and I will try to include all the requested features in the upcoming Proto release. Click here to see demo Here is the original post by Guillermo that describes the script: In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box.

Again, all we have to do is extend the TextboxList class, override some methods, some events, and create some new ones (all prefixed by auto) It works by caching all the results from a JSON Request and feeding them to the autocompleter object. Another new feature is that you’ll be able to let it add boxes from the HTML directly: [html] Type the name of an argentine writer you like Download. Mootools - home. JSMIN, The JavaScript Minifier. The JavaScript Minifier Douglas Crockfordwww.crockford.com JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files.

JSMIN, The JavaScript Minifier

It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming style because it eliminates the download cost of clean, literate self-documentation. What JSMin Does JSMin is a filter that omits or modifies some characters. JSMin first replaces carriage returns ('\r') with linefeeds ('\n'). It omits spaces except when a space is preceded and followed by a non-ASCII character or by an ASCII letter or digit, or by one of these characters: It is more conservative in omitting linefeeds, because linefeeds are sometimes treated as semicolons. And if it follows a non-ASCII character or an ASCII letter or digit or one of these characters: No other characters are omitted or modified. JSMin knows to not modify quoted strings and regular expression literals. JSMin does not obfuscate, but it does uglify.