使用javascript爲HTML表格單元格分配顏色

我想創建一個HTML表格，用戶可以在其中選擇一種顏色，並在表格單元格或列表上拖動時，應該將相同顏色應用於這些表格單元格，這裏是一個示例如何我的表應該看看http://pekas.lbclients.info/SchedulesWorkManage.php，使用javascript爲HTML表格單元格分配顏色

這是另一個例子http://jsfiddle.net/few5E/使用jquery，我想要一些類似的東西，但我想通過選擇顏色添加不同的顏色到表中。

我是JavaScript的新手，所以對此的任何幫助都將非常有用。

在此先感謝！

來源

2012-08-09 user1586243

所以，如果你是有一個有一個類。顏色選擇的那麼當被點擊，你會碰到這樣的股利或表格單元格：

<div style="background-color: blue;">Blue</div> 
<div style="background-color: green;">Green</div> 
<div style="background-color: red;">Red</div> 

var selectedColor = "black"; 

$('.color-selection').click(function(){ 
    selectedColor = $(this).css('background-color'); 
});

然後點擊你的表格單元格時，你會只是通過做分配selectedColor變量的單元格的樣式：

$('table td').click(function(){ 
    $(this).css('background-color', selectedColor); 
});

來源

2012-08-09 00:58:45 jfrey

我認爲這將允許只選擇一種顏色，我希望有一個像至少三種顏色（如按鈕），所以，當我選擇（點擊）三種顏色中的一種，然後拖動表格單元格，所有選中的單元格都會顯示出來在顏色。 – user1586243 2012-08-09 02:18:42

如果您嘗試使用代碼，您會看到每次單擊不同的顏色div時，它都會提供您要查找的內容。 – jfrey 2012-08-09 02:41:57

創建一個小提琴http://jsfiddle.net/few5E/216/，它很好，但我想添加一個拖動功能，所以，而不是點擊每個單元我想做一個拖動和選擇，所以所有拖動中涉及的單元格會獲得所選的顏色（如onMouseDown和onMouseOver函數） – user1586243 2012-08-09 03:17:17

使用javascript爲HTML表格單元格分配顏色

回答

相關問題