mouseover и вложенность

[Veseloff]

http://borber.ru/htmlbook/mouseover-trouble.html — вот тут трабл. Три вложенных блока. Для каждого одно и то же событие onmouseover. Когда наводим на самый нижний (он же самый вложенный), то получаем сразу три события onmouseover от самого вложенного блока (то есть на тот, на который собственнно навели) по порядку к блоку нулевого уровня вложенности. Кто подскажет как сделать так, чтобы порядок был обратный, а ещё лучше, чтобы событие вообще срабатывало только на тот блок, на который мы именно и навели?

[rgl]

function test(t)
{
	alert(t.id);
	event.cancelBubble = true;
}

[Veseloff]

Не работает, коненчо, но намёк понял. Большущее спасибо, всё теперь так, как я и хотел.

[psywalker]

  rgl said:

function test(t)
{
	alert(t.id);
	event.cancelBubble = true;
}

Дружище, а ты не мог бы сделать рабочий пример какой нибудь ситуации. Просто на отдельной странице и т. д.

[rediskavet]

  Quote

а ещё лучше, чтобы событие вообще срабатывало только на тот блок, на который мы именно и навели?

А как навести на вложенный блок, не наводя на внешний?

[rgl]

  psywalker said:

Дружище, а ты не мог бы сделать рабочий пример какой нибудь ситуации. Просто на отдельной странице и т. д.

Я не спец, просто попытался подсказать в какую сторону искать.

Вот это

http://forum.vzaokskom.ru/test/bubbling.htm

у меня работает в IE, опере и хроме, но не работает в FF

Только надо не наводить а кликать

[Veseloff]

  psywalker said:

Дружище, а ты не мог бы сделать рабочий пример какой нибудь ситуации. Просто на отдельной странице и т. д.

Ща я запилю и покажу как и что и для чего я это всё хотел разузнать. Кстати, не на 100% меня это спасло, пришлось ещё добавить вот так:

e.cancelBubble = true;
e.stopPropagation();

[Veseloff]

UPD

http://borber.ru/htmlbook/comments/ — вот тут можно посмотреть как и что. Я тут типа древовидные комментарии сделал — так вот запилил границы, чтобы было ясно видно на что коммент отвечает. Там ещё сыровато, но можно мосмотреь как именно работает этот кансел баббл.

[psywalker]

  rgl said:

Я не спец, просто попытался подсказать в какую сторону искать.

Вот это

http://forum.vzaokskom.ru/test/bubbling.htm

у меня работает в IE, опере и хроме, но не работает в FF

Только надо не наводить а кликать

Спасибо, а объясни плиз поподробнее.

Что означает этот код, каждая строка

  if (event.stopPropagation) {
		event.stopPropagation()
  } else {
		event.cancelBubble = true
  }

[rgl]

  psywalker said:

Спасибо, а объясни плиз поподробнее.

Что означает этот код, каждая строка

  if (event.stopPropagation) {
		event.stopPropagation()
  } else {
		event.cancelBubble = true
  }

event.stopPropagation()

event.cancelBubble = true

разные способы сказать, что не надо событие передавать дальше. Каждый из способов работает не во всех браузерах, комбинирование двух - лучше чем каждый по отдельности, но все-же не есть совсем правильное решение.

См. обновленный пример (по той же ссылке).

У меня в хроме и в опере работает и тот и другой способ, в IE - только event.cancelBubble = true

  if (event.stopPropagation) { // проверка будет ли работать первый способ
		event.stopPropagation() //  если да, то его и использовать
  } else {
		event.cancelBubble = true // а если нет, то использовать второй
  }

Но еще раз повторяю, это не готовое решение, а подсказка где искать :-)

[Great Rash]

psywalker, рекомендую изучить.

[psywalker]

Понял, спасибо мужики, пойду учить