Привет, я использую палитру цветов jscolor из http://jscolor.com/. Мне нужно динамически создавать новые входные данные, например с сайта
function add() {
for(var i = 0; i < 100; i++) {
var input = document.createElement('INPUT')
var picker = new jscolor(input)
picker.fromHSV(360 / 100 * i, 100, 100)
document.getElementById('container').appendChild(input)
}
}
вопрос в том, как правильно настроить функцию onchange и заставить jscolor передавать свой объект с информацией о цвете. Теперь я могу установить его только для статических элементов, как в примере
<input class="jscolor" onchange="update(this.jscolor)" value="cc66ff">
<p id="rect" style="border:1px solid gray; width:161px; height:100px;">
<script>
function update(jscolor) {
// 'jscolor' instance can be used as a string
document.getElementById('rect').style.backgroundColor = '#' + jscolor
}
</script>
Вот мой код не работает
var input = document.createElement('INPUT');
input.setAttribute("class", "jscolor");
input.setAttribute("onchange", "getColor(this)");
var picker = new jscolor(input);
... //And then I add this input to parent and picker shows
но onchange не срабатывает.