如何使用鼠标单击填充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表格使颜色与颜色？

回答

相关问题