如何使用javascript将预定义的调色板更改为一个变量的颜色为另一种颜色

时间:2016-10-24 19:31:20

标签: javascript jquery css colors

我的地图侧面有一个图例,并且希望用户能够从预定义的颜色字段中将颜色更改为他们选择的颜色。我使用https://github.com/bgrins/spectrum作为调色板代码。我现在还不确定如何让用户可以选择确定他们想要的颜色。

到目前为止,我有这个:

    $('#showPaletteOnly').spectrum({
       shoPaletteOnly: true,
       showPalette: true,
       color: '#a6cee3',
       palette:[
          ['#a6cee3','#1f78b4','#b2df8a','#33a02c','#fb9a99','#e31a1c','#fdbf6f','#ff7f00','#cab2d6','#6a3d9a','#ffff99','#b15928']
       ]
     });

我在地图一侧有一个图例,有10个字段,每个字段都有一个在数据库中定义的颜色。我假设我只需要一个能够做到这一点的功能,但我不确定如何开始它。在创建它之前我用Google搜索并且找不到任何东西。谢谢!

1 个答案:

答案 0 :(得分:2)

如果您想在数据库中保留更改,可以采取的措施:

用户选择新颜色时,使用$.post()方法更新数据库中的实体:https://api.jquery.com/jquery.post/

$.post( url, { entityId: entityId, color: newColor }, function(){

    $('#yourElement').css('color', newColor);
} );

如果您不需要更新,只需使用回调函数的内容

设置自己的课程值