powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseout
6 сообщений из 6, страница 1 из 1
onmouseout
    #36472334
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день...что-то не могу понять, почему у меня событие onmouseout срабатывает как-то не так как надо)
есть у меня div, содержащий редактируемый селект
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<div onmouseout = 'document.getElementById("childlist").style.display="none"'> 
	<div id="hide_select">
		<input type="text" id="seltext" onclick="selchange();" />
		<!--[if lte IE 6.5]><iframe></iframe><![endif]-->
	</div>

	<select id='selectid'>
		<option value="1" style="z-index:-2"> 111111111 </option>
		<option value="2" style="z-index:-2"> 2222222222 </option>
		<option value="3" style="z-index:-2"> 3333333333333 </option>
		<option value="4" style="z-index:-2"> 4444444444444444 </option>
	</select>
	<div id="childlist" class="childlist" >
	</div>
</div>
по идее нужно, чтобы при тынце на поле id="hide_select" появлялся див id="childlist", так и происходит, а когда уводим мышь с внешнего дива, то чтобы childlist скрывался...
но почему-то он скрывается даже если навести мышью на сам внутренний див "childlist"...Почему так?
...
Рейтинг: 0 / 0
onmouseout
    #36472335
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
блин..думал тэги [b] выделят жирным)) их можно не считать
...
Рейтинг: 0 / 0
onmouseout
    #36472363
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
EmilRegisно почему-то он скрывается даже если навести мышью на сам внутренний див "childlist"...Почему так?Потому что формально мышка уходит с внешнего дива на внутренний.
...
Рейтинг: 0 / 0
onmouseout
    #36472372
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
в общем то сделал по другому...
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
visibleflag = false;
onclick = function(){
	document.getElementById("childlist").style.display=visibleflag?'block':'none';
}
....
<div onmouseout = 'visibleflag=false;'> 
	<div id="hide_select">
		<input type="text" id="seltext" onclick="selchange();" />
		<!--[if lte IE 6.5]><iframe></iframe><![endif]-->
	</div>

	<select id='selectid'>
		<option value="1" style="z-index:-2"> 111111111 </option>
		<option value="2" style="z-index:-2"> 2222222222 </option>
		<option value="3" style="z-index:-2"> 3333333333333 </option>
		<option value="4" style="z-index:-2"> 4444444444444444 </option>
	</select>
	<div id="childlist" class="childlist" >
	</div>
</div>
но всё равно интересно почему при onmouseout на внешнем диве исчезал внутренний, при наведении на него...позиционирование не абсолютное было у элемента
...
Рейтинг: 0 / 0
onmouseout
    #36472378
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Яростный МечEmilRegisно почему-то он скрывается даже если навести мышью на сам внутренний див "childlist"...Почему так?Потому что формально мышка уходит с внешнего дива на внутренний.
понятно, ну я так и предполагал...а как повесить событие на весь элемент?несмотря на переход мыши по внутренним элементам?
...
Рейтинг: 0 / 0
onmouseout
    #36472406
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Попробуйте так

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
.childlist { display:none; }
.a-childlist:hover .childlist { display:block; }

...
<a class="a-childlist" onclick="return false;" href="#"><div> 
	<div id="hide_select">
		<input type="text" id="seltext" onclick="selchange();" />
		<!--[if lte IE 6.5]><iframe></iframe><![endif]-->
	</div>

	<select id='selectid'>
		<option value="1" style="z-index:-2"> 111111111 </option>
		<option value="2" style="z-index:-2"> 2222222222 </option>
		<option value="3" style="z-index:-2"> 3333333333333 </option>
		<option value="4" style="z-index:-2"> 4444444444444444 </option>
	</select>
	<div id="childlist" class="childlist" >
	</div>
</div></a>
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseout
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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