Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: xgmann от 25 Мая 2005, 16:48:56

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: xgmann от 25 Мая 2005, 16:48:56

Кто-нибудь!
Подскажите, как назначить обработчик события на добавленную ячейку в таблице?
Код:
*************
Сюда переходим в цикле:

function dynamicService(SName)
{
   var dRow = ListSeanse.insertRow();
   var dCell = dRow.insertCell();
   dCell.className = "Wahl";
                 dCell.id = SName;
                 dCell.innerText = SName;
}

Нужно, чтобы после создания ячеек моно было обрабатывать события типа
onMouseOver: this.style.backgroundColor = "..."
onMouseOut: this.style.backgroundColor = "..."
и
onClick
(каждая ячейка имеет свой id
Заранее спасибо!

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: CGVictor от 25 Мая 2005, 17:12:59

dCell.onMouseOver=...
???

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: xgmann от 26 Мая 2005, 09:13:23

Не катит! Уже пробовал.

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: virka от 26 Мая 2005, 11:01:44

Либо используйте добавление элементов таблицы строкой "Либо -
document.onmouseover=functioncolorchangeon;
document.onmouseout=functioncolorchangeoff;

function functioncolorchangeon()
{
var srcem=event.srcElement;
if(srcem.mycolorcool=="ye!"){
srcem.style.backgroundColor="#cccccc";}
}

function functioncolorchangeoff()
{
var srcem=event.srcElement;
if(srcem.mycolorcool=="ye!"){){
srcem.style.backgroundColor="#ffffff";}
}

В свою функцию dynamicService добавляете
dCell.mycolorcool=="ye!";

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: virka от 26 Мая 2005, 11:05:03

Прошу прощения, при копировании затесались лишние знаки -
function functioncolorchangeoff()
{
var srcem=event.srcElement;
if(srcem.mycolorcool=="ye!"){
srcem.style.backgroundColor="#ffffff";}
}

Ну, думаю, смысл Вы поняли.

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: xgmann от 26 Мая 2005, 11:52:34

Всё замечательно, но у меня кроме ячеек таблицы масса других элементов, а отработка событий идёт, как я понял для всего документа: document.onmouseover

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: xgmann от 26 Мая 2005, 12:06:12

Так, поспешил написать, смысл то ясен, но не работает!

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: xgmann от 26 Мая 2005, 12:09:45

Вот тестовый код:
















   
      
      
      
   
   

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: virka от 26 Мая 2005, 14:42:54

Чего-то у меня сегодня опечаток много.
В функции dynamicService -
dCell.mycolorcool = "tt";
(а не dCell.mycolorcool=="tt").
Пишу второпях, поэтому возможны еще очепятки, Вы ориентируйтесь на смысл, а не на код.

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: virka от 26 Мая 2005, 14:47:55

И в функции functioncolorchangeon цвет поменяйте, а то белое на белом тяжело заметить.

Название: Добавление ячейки в таблицу и обработка события в ней!
Отправлено: xgmann от 26 Мая 2005, 16:55:45

благодарю!
смысл то я понял сразу, а оператор == просто пропустил, конечно же это глупость.