如何使用javascript預定義調色板將一個變量的顏色更改爲另一種顏色

我在地圖的側面有一個圖例，並且希望用戶能夠將顏色更改爲其所選顏色預定義的顏色字段我爲我的調色板代碼使用https://github.com/bgrins/spectrum。我只是不確定如何現在能夠給用戶一個選擇來確定他們想要的顏色。如何使用javascript預定義調色板將一個變量的顏色更改爲另一種顏色

我有這到目前爲止：

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

我有與10個視野的地圖側的圖例和每個已經在數據庫中定義的顏色。我假設我只需要一個能夠做到的功能，但我不知道如何開始。在創建之前我搜索了一下，但是找不到任何東西。謝謝！

來源

2016-10-24 lostInTheTetons

，如果你想在你的數據庫的變化，你可以做什麼：

上選擇新的顏色由用戶的，與$.post()方法更新您的數據庫實體：https://api.jquery.com/jquery.post/

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

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

如果你沒有更新，只需要使用回調函數的內容

設置，當然你自己的價值觀

來源

2016-10-24 19:46:58

感謝您的答覆。我能夠在$ .post中使用我的代碼嗎？我希望能夠讓用戶從調色板中選擇一種顏色，然後確保保存新顏色 – lostInTheTetons

，您只需「聆聽」調色板上的更改事件並查找所選顏色的值即可。只需搜索文檔;） –

因此創建一個.change（function（）），然後在那裏添加我的初始代碼並「聽」顏色變化？ – lostInTheTetons

如何使用javascript預定義調色板將一個變量的顏色更改爲另一種顏色

回答

相關問題