如何使用鼠標單擊填充html表格使顏色與顏色？

我想創建一個簡單的工具，以便用戶可以填充HTML表格字段內的顏色或任何您可以建議的替代方法。看看這個頁面： http://www.olmares.com/Price%20and%20Availability.htm 如何使用鼠標單擊填充html表格使顏色與顏色？

我尋找一些工具，界面，Javascript或其他任何方式讓我的客戶填寫顏色的表盒容易。我怎樣才能做到這一點？

來源

2011-09-21 aslamdoctor

我添加了一個額外的，所以當你點擊突出顯示的td時，它會將其刪除。

工作環節：http://jsfiddle.net/dEy2H/

CSS

jQuery的

$(function() { 
    $('td').click(function() { 
     if ($(this).hasClass('HighLight')) 
      $(this).removeClass('HighLight'); 
     else 
      $(this).addClass('HighLight'); 
    }); 
});

來源

2011-09-21 06:10:52

我想，當我開始點擊一個綠色的細胞像然後從所有其他行，其中我的鼠標隨着點擊移動，如此理想的拖動應該變成紅色。同樣的方式從紅色到綠色。你能告訴我我該怎麼做？ –

這是一個不同的問題 - 請創建一個新的問題，我們可以回答。 –

你可以通過javascript爲你的表td設置csscalass。

<Table><tr> 
<td cssclass="a"></td><td cssclass="b"></td> 
</tr></table>

和你的CSS：

.a{backgroundcolor:red} 
.b{backgroundcolor:green}

來源

2011-09-21 05:27:37

你需要建立一個點擊處理程序，通過改變細胞的顏色反應你的表格單元格中點擊.. jQuery的它會是什麼像

var current_color = 'red'; 

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

從而無論current_color被（可能通過其他用戶交互改變的）被施加到隨後點擊細胞。

來源

2011-09-21 05:34:12

如何使用鼠標單擊填充html表格使顏色與顏色？

回答

相關問題