Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseout / 6 сообщений из 6, страница 1 из 1
16.02.2010, 13:26:10
    #36472334
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseout
Добрый день...что-то не могу понять, почему у меня событие 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
| Ответить | Цитировать | Написать  
16.02.2010, 13:26:49
    #36472335
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseout
блин..думал тэги [b] выделят жирным)) их можно не считать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.02.2010, 13:35:21
    #36472363
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseout
EmilRegisно почему-то он скрывается даже если навести мышью на сам внутренний див "childlist"...Почему так?Потому что формально мышка уходит с внешнего дива на внутренний.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.02.2010, 13:37:25
    #36472372
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseout
в общем то сделал по другому...
Код: 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
| Ответить | Цитировать | Написать  
16.02.2010, 13:38:26
    #36472378
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseout
Яростный МечEmilRegisно почему-то он скрывается даже если навести мышью на сам внутренний див "childlist"...Почему так?Потому что формально мышка уходит с внешнего дива на внутренний.
понятно, ну я так и предполагал...а как повесить событие на весь элемент?несмотря на переход мыши по внутренним элементам?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.02.2010, 13:44:37
    #36472406
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseout
Попробуйте так

Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseout / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 532ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453532]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 202ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 41ms
get tp. blocked users:
 2ms
others: 240ms
total:  532ms
x
x
Закрыть


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