КАК ПРИСВОИТЬ СТИЛЬ ИЗ Js

Zebestov · 06.08.2002, 12:38

подскажите, пожа.

Изваял два стиля, для ячеек таблицы, определяющих цвет фона, толщину и цвет рамок, такое...
По идее один стиль должен быть постоянно, другой присваиваться по onMouseOver.
Можно ли из функции на JS сделать присвоение, что то типа
class="class_name" и как.

Arlekino · 06.08.2002, 13:34

такой-то обьект.className = 'класс такой-то'

Gobbr · 06.08.2002, 14:05

Повзаимствовал у кодеров студии Артемия.

Код:

<HTML>
<HEAD>
<TITLE>Подсветка ячеек таблицы</TITLE>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<style type="text/css">
<!--
TD.nav {BACKGROUND-COLOR: #0066FF}
TD.nav-on {BACKGROUND-COLOR: #3399FF}
-->
</style>
</HEAD>
<BODY onload=init() bgColor=FFFFFF text=FFFFFF>
<SCRIPT language=JavaScript>
function init() {
	if (document.getElementsByTagName) {	
		var allCells = document.getElementsByTagName('td');
		for (var i = 0; i < allCells.length; i++) {
			if (allCells.item(i).className == 'nav' || allCells.item(i).className == 'nav-on') {
				var currClass = allCells.item(i).className;
				eval('allCells.item(i).onmouseover = function() { this.className = \'' + currClass + '-on\' }');
				eval('allCells.item(i).onmouseout = function() { this.className = \'' + currClass + '\' }');
			}
		}		
	}
}
</SCRIPT>
<table border=0 width=300>
<tr><td class=nav>Работает в Интернет Эксплорере</td></tr>
<tr><td class=nav>и Нетскейп Навигаторе,</td></tr>
<tr><td class=nav> но Неработает в Опере  :(((</td></tr>
</table> 
</BODY>
</HTML>