Показать сообщение отдельно
  #1 (permalink)  
Старый 20.09.2010, 00:35
Новичок на форуме
Отправить личное сообщение для stryker Посмотреть профиль Найти все сообщения от stryker
 
Регистрация: 20.09.2010
Сообщений: 7

Помогите, пожалуйста, с табличкой
Итак, нужно, чтобы при клике ячейку она перекрашивалась в цвет№1.
При клике на другую ячейку она становится цветом№1, а предыдущая, которая изначально была цвета№1, станет белой.

Так вот не пойму, как прицепить функцию по онклик.
Спасибо.

<style type="text/css" rel="stylesheet">
td:hover {
	background:#39F;
}
</style>
<script type="text/javascript">
	function setColor(){
	this.style.background = "green"; // ---эта строка почему-то не закрашивает ячейку
	}
		
	var n=3;
	// Отрисовка таблицы
	document.write("<table border='1' style='border-collapse:collapse; width:400px; height:400px;'>");
	// Отрисовка рядов таблицы
	for (var tr=1; tr<=n; tr++)
	{
		document.write("<tr>");
			// Отрисовка столбцов в рядах таблицы
			for (var td=1; td<=n; td++)
			{
				document.write("<td align='center' valign='middle' onclick='setColor()' id='tdcolor'>" + "A" + "</td>");
			}
		document.write("</tr>");
	}
	document.write("</table>");
</script>
Ответить с цитированием