使用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表格单元格分配颜色

回答

相关问题