Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обработка событий в динамически сформированной таблице / 2 сообщений из 2, страница 1 из 1
20.04.2008, 15:50
    #35267015
yot
yot
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обработка событий в динамически сформированной таблице
здравствуйте
я хочу сделать выделение строк таблицы по прохождению над ними курсора мыши, и сделать это я хочу используя стили, вот так:
onMouseOut=this.className='light'
onMouseOver=this.className='highlight'

но в связи с тем что таблицу формирую динамически (пример ниже), то просто не знаю как описать подмену стилей при происхождении события.
Буду очень признателен помощи в решении этого вопроса



Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<html>
<head>
<style>
.highlight{ background-color: #1E90FF}
.light{ background-color: #FFFFFF}
.dark{ background-color: #CCCCCC}
BODY{margin : 0 ;overflow: hidden;}
TABLE{width:  100 %;background-color: #eeefff; border: 2px double black; 
		border-collapse: collapse;}
TD{	padding: 5px; border: 1px solid black }
</style>

<script>
function table(){
	newElem=document.createElement("table");
	for (var i =  0 ; i <  5 ; i++){
		AddRow();
		for (var j =  0 ; j <  2 ; j++){
			var text = i+j
			AddCol(text);
		}
	}	
	document.body.appendChild(newElem);
}

function AddRow(){
	newRow = newElem.insertRow(- 1 );
}
function AddCol(text){
	newCell = newRow.insertCell(- 1 );
	newCell.innerHTML=text;
}


</script>
</head>
<button onclick = "table();">Создание таблицы</button>

</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.04.2008, 16:10
    #35267036
yot
yot
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обработка событий в динамически сформированной таблице
отвечаю сам себе


Код: plaintext
1.
2.
		newRow.onmouseout = function(e){this.className='light'}
		newRow.onmouseover = function(e){this.className='highlight'}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обработка событий в динамически сформированной таблице / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 309ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456578]:
 0ms
get settings:
 6ms
get forum list:
 17ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 24ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 213ms
total:  309ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]