A polyfill for implementing the HTML5 <input type="color"> element in browsers that do not currently support it.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit 28c2267 Dec 20, 2011
Permalink
Failed to load latest commit information.
LICENSE Initial commit Dec 20, 2011
README.rdoc Initial commit Dec 20, 2011
color-polyfill.css Initial commit Dec 20, 2011
color-polyfill.html Initial commit Dec 20, 2011
color-polyfill.js Initial commit Dec 20, 2011

README.rdoc

Color polyfill

This is a polyfill for implementing the HTML5 <input type="color"> element in browsers that do not currently support it.

Usage

Using it is easy — simply include the color-polyfill.js file in the HEAD of the HTML page. You can then use <input type="color"> elements normally.

If Modernizr detects that the browser doesn't support <input type="color">, the script will replace these elements with a JavaScript-powered color picker dialog.

A default CSS file is provided. You may edit this file to style the buttons and dialog box to make them look the way you want.

If Modernizr detects support for CSS transitions, you will be able to animate the opening and closing of the dialog box by writing a CSS transition in the CSS file. Otherwise, a jQuery animation is used.

Dependencies

This script requires jQuery, jQuery UI, and Modernizr.