Spectrum From Master

A working demo of the latest version of spectrum colorpicker

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>

<div style="float:right">
<p>
beforeShow: <code id="beforeShow"></code>
</p>
<p>
show: <code id="show"></code>
</p>
<p>
hide: <code id="hide"></code>
</p>
<p>
change: <code id="change"></code>
</p>
<p>
move: <code id="move"></code>
</p>
</div>
<div style="float:left">
<input type='text' class="basic"/>
<em id='basic-log'></em>
</div>

CSS

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

JavaScript

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


$(".basic").on("change.spectrum", function() {
    var node = $("#change");
    
    node.text((parseInt(node.text()) || 0) + 1);
});