Таблица-массив: изменить и сохранить
Всем добра! Помогите, пожалуйста, с таким заданием:
Есть таблица-массив. Надо: 1. изменить цвет ячеек: ячейка-клик-цвет1, ячейка-клик-цвет2 и т.д. (два цвета, окрашиваются только неокрашенные ячейки) 2. изменения в таблице-массиве сохранять в новый массив
var rows_count = 4;
var columns_count = 3;
var data = new Array();
var i,j;
document.write('<table border="1" width="200" height="90" cellspacing="0" >')
for (i=0; i<rows_count; i++) {
document.write('<tr>')
for (j=0; j<columns_count; j++) {
document.write('<td> ')
}
document.write('</tr>')
}
document.write('</table>')
$("td").click(function() {
$(this).toggleClass("colored");
});
|
<html>
<head>
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script>
<title>TABLE, example cellspacing.</title>
</head>
<body>
<script>
var rows_count = 4;
var columns_count = 3;
var data = new Array();
var i,j;
document.write('<table border="1" width="200" height="90" cellspacing="0" >')
for(i = 0; i < rows_count; i++)
{
document.write('<tr>');
for(j = 0; j < columns_count; j++)
{
document.write('<td class="');
if(j%2)//нечетное
document.write('Red');
else//четное
document.write('Blue');
document.write('"></td>');
}
document.write('</tr>');
}
document.write('</table>');
$("td.Red").click(function()
{
this.style.backgroundColor = "#FF0000";
});
$("td.Blue").click(function()
{
this.style.backgroundColor = "#0000FF";
});
</script>
</body>
</html>
Не забываем карму поднять.:D |
| Часовой пояс GMT +3, время: 19:13. |