custom_inputs_lessonsix.js

// Function to check a doublecolorpicker
// item by id
function check_doublecolorpicker(id){
  
  // derive an empty array of two inputs with
  // colors
  values = [];
  
  // push the two colors into the array
  $("#"+id).find('input').each(function(item){
  
    values.push($(this).val());
    
  });
  
  // derive the closeness of the two colors
  // delete the # sign by substring(1)
  closeness = hexColorDelta(values[0].substring(1),values[1].substring(1));

  // If the colros are too close, show a warning inside the 
  // id element
  if(closeness>0.8){
    $('#'+id + ' div.warning').show();
  }else{
    $('#'+id + ' div.warning').hide();
  }
}