первая часть скрипта это виджет вбыора цвета, там где функция клик она вызывает этот виджет и передает ему данные элемента которому нужно задать цвет, но надо еще передать id что никак не получается. Нужно по сути чтобы скрипт передавал выбранный цвет в обработчик.
<li data-statusid=29>
<div class="blocks title">
<div class="icons-item drag-item"></div>
<div class="title-status"><input type="text" id="title_status-29" data-input_status_id="29" class="title_status" name="title_status" value="Новый" /></div>
<div class="color-status old" data-target="#color-picker" data-status_id="29" id="status-id-29" style='background-color:#99CCFF;'></div>
</div>
<div class="blocks action">
<i class='delete-icon-status delet-conrirm-29' onclick='javascript:del(29);'></i>
</div>
</li>
<li data-statusid=30>
<div class="blocks title">
<div class="icons-item drag-item"></div>
<div class="title-status"><input type="text" id="title_status-30" data-input_status_id="30" class="title_status" name="title_status" value="Первый контакт" /></div>
<div class="color-status old" data-target="#color-picker" data-status_id="30" id="status-id-30" style='background-color:rgb(212, 237, 251);'></div>
</div>
<div class="blocks action">
<i class='delete-icon-status delet-conrirm-30' onclick='javascript:del(30);'></i>
(function(){
var statusColorElement = undefined;
var slide = document.getElementById('slide');
var picker = document.getElementById('picker');
var slideIndicator = document.getElementById('slide-indicator');
var pickerIndicator = document.getElementById('picker-indicator');
var colorInput = document.getElementById('new_status_color');
cp = ColorPicker(slide, picker, function(hex, hsv, rgb, mousePicker, mouseSlide) {
ColorPicker.positionIndicators(slideIndicator, pickerIndicator, mouseSlide, mousePicker);
if(statusColorElement){
$(statusColorElement).css('backgroundColor', hex);
//colorInput.value = hex;
//save = '';
//alert(statusid);
send = 'save=update&color_status='+ hex +'&id_status='+ statusid +'';
statussave();
}
});
$('.old').bind('click', function (event) {
// Получаем ID блока, который нужно показать
var elem = $(this).data("target");
var statusid = $(this).data("status_id");
statusColorElement = $(this);
// Показываем блок
$(this).after($(elem));
$(elem).slideDown(500);
return '';
});
})()