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

ну и последний вопрос, если позволите.

<script type="text/javascript">
	function setColor(a) { 
		if (this.a && this.a != a) this.a.style.background = "white"; 
		a.style.background = "green"; 
		this.a = a;
		};

	function setColor2(b) {
		if (this.b && this.b != b) this.b.style.background = "white"; 
		b.style.background = "#39F"; 
		this.b = b;
		};

	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' onmouseover='setColor2(this)' valign='middle' onclick='setColor(this)' id='tdcolor'>" + "A" + "</td>");
			}
		document.write("</tr>");
	}
	document.write("</table>");
</script>


по onmouseover не совсем корректро работает закрашивание в зеленый цвет, который берется по onclick.
Если же делать через стили, а не через onmouseover, то цветом #39F закрашиваются при наведении не все ячейки.
Как быть?

Последний раз редактировалось stryker, 20.09.2010 в 09:25.
Ответить с цитированием