68 lines
1.4 KiB
JavaScript
68 lines
1.4 KiB
JavaScript
/*
|
|
$Revision$
|
|
$Id$
|
|
*/
|
|
|
|
$(document).ready(function () {
|
|
setTimeout("init_cad_legendawaarde()", 100);
|
|
});
|
|
|
|
|
|
function init_cad_legendawaarde()
|
|
{
|
|
var kleur = "#" + $("#rgb").val();
|
|
|
|
$("#rgb").on("change", function() { change_rgb(); });
|
|
$("#_color").on("click", function() { showColor(); });
|
|
$("#btn_cp_accept").on("click", function() { acceptColor(); });
|
|
$("#btn_cp_hide").on("click", function() { hideColor(); });
|
|
|
|
$("#color_panel").addClass("colorPanel");
|
|
$("#color_panel").hide();
|
|
|
|
$("#color_select").colorpicker(
|
|
{
|
|
defaultPalette: "web",
|
|
history: false,
|
|
displayIndicator: true,
|
|
color: kleur,
|
|
hideButton: true,
|
|
showOn: "button"
|
|
});
|
|
FcltMgr.resized();
|
|
}
|
|
|
|
function showColor()
|
|
{
|
|
$("#color_panel").show();
|
|
FcltMgr.resized();
|
|
}
|
|
|
|
function acceptColor()
|
|
{
|
|
var kleur = $("#color_select").colorpicker("val");
|
|
var rgb = $.trim(kleur.replace("#","").toUpperCase());
|
|
|
|
$("#rgb").val(rgb);
|
|
$("#_color span").css("background-color", kleur);
|
|
$("#color_panel").hide();
|
|
FcltMgr.resized();
|
|
}
|
|
|
|
function hideColor()
|
|
{
|
|
$("#color_panel").hide();
|
|
FcltMgr.resized();
|
|
}
|
|
|
|
function change_rgb()
|
|
{
|
|
var rgb = $("#rgb").val();
|
|
|
|
$("#_color span").css("background-color", "#"+rgb);
|
|
}
|
|
|
|
//function pre_submit()
|
|
//{
|
|
// return true;
|
|
//}
|