Spectrum From Master

A working demo of the latest version of spectrum colorpicker

by bgrins

HTML

<link rel="stylesheet" href="http://bgrins.github.com/spectrum/spectrum.css">
<script src="http://bgrins.github.com/spectrum/spectrum.js"></script>
<a href='http://bgrins.github.com/spectrum'>&lt;--Spectrum Homepage</a><br />
<a href="http://jsfiddle.net/bgrins/QfcSG/">Inner frame fiddle</a>
<h2>Basic Usage</h2>
<input type='text' class="basic"/>
<em id='basic-log'></em>
<br />
<iframe src="http://fiddle.jshell.net/bgrins/QfcSG/show/"></iframe>

CSS

.full-spectrum .sp-palette {
max-width: 200px;
}

JavaScript

$(".basic").spectrum({
    color: "#f00",
    clickoutFiresChange: true,
    change: function(color) {
        $("#basic-log").text("change called: " + color.toHexString());
    }
});


$(document).on("click.spectrum", function() {
    console.log("Spectrum click detected on outer doc");
});