Показать сообщение отдельно
  #24 (permalink)  
Старый 06.08.2012, 22:37
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от devote
в данной проблеме делегирование не поможет
Да, есть проблемы при быстрых уходах, хотя идея привлекательна (может быть чего-нибудь и можно сделать)

<style>
	.show {
		background: lightgreen;
		margin: 40px;
	}
	.div {
		background: lightgrey;
		padding: 2px;
	}
</style>
<div class="show">show</div>
<div class="div">
	<a href="#">link1</a><br>
	<a href="#">link2</a><br>
	<a href="#">link3</a><br>
</div>


<script>
window.onload = function () {
	document.body.onmouseout = function (e) {
		e = e || event; 
		var rt = e.relatedTarget || e.toElement;
		var target = e.target || e.srcElement;
		if (target.className == 'div' && rt.parentNode.className != 'div') {
			target.style.display = 'none';
		}
	}
	document.onmouseover = function (e)  {
		e = e || event;
		var target = e.target || e.srcElement;
		if (target.className == 'show') {
			target.parentNode.children[1].style.display = 'block';
		}
	}
}
</script>

Последний раз редактировалось bes, 07.08.2012 в 10:58.
Ответить с цитированием