Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » не получается скрыть меню при onmouseout

Ответить
Настройки темы
не получается скрыть меню при onmouseout

Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


всем привет.
скачал тут выпадающее меню на ксс. проблема в том, что при убирании курсора с менюшки менюшка не сворачивается. пробовал по аналогии со скриптами прописывать hide но не получается ничего. собственно хелп

Код: Выделить весь код
<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>


<style type="text/css">
<!-- 
body {
margin: 0;
padding: 0;
background: #CFAE79;
font: 90% Comic Sans MS, verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 250;
left: 50;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #CFAE79;
border: 1px solid #CFAE79;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid #CFAE79;
}
#menu li {
text-align: center;
background: #CFAE79;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 1px none;
}
#menu li a:hover, #menu dt a:hover {
background: #BC9259;
}

#site {
position: absolute;
z-index: 1;
top : 50px;
left : 10px;
color: #CFAE79;
background-color: #CFAE79;
padding: 5px;
border: 1px solid #CFAE79; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #CFAE79;
background-color: #CFAE79;
}
-->
</style>
<script charset="utf-8" id="injection_graph_func" src="injection_graph_func.js"></script>

</head>

<body bgcolor="#CFAE79">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td width="25%" align="center">
    <img border="0" src="img/004.jpg" width="120" height="180"></td>
    <td width="25%" align="center">
    <img border="0" src="img/003.jpg" width="120" height="180"></td>
    <td width="25%" align="center">
    <img border="0" src="img/001.jpg" width="120" height="180"></td>
    <td width="25%" align="center">
    <img border="0" src="img/002.jpg" width="120" height="180"></td>
    <td width="25%" align="center">
    <img border="0" src="img/logo.jpg" width="158" height="180"></td>
  </tr>
  </table>
<center>Добро пожаловать на наш сайт! <br>                                                                                                                                                                                                                                                                                                                                                                                                                                       
Мы предоставляем услуги по ремонту любой сложности.<br> 
Мы ориентируемся на желания и возможности наших клиентов, поэтому ищем индивидуальный подход к каждому.</center>
<div id="menu" align="center">
<dl>	
		<dt onmouseover="javascript:montre();"><a href="index.html">Главная</a></dt>
			
	</dl>
	
	
	<dl>			
		<dt onmouseover="javascript:montre('smenu1');">Цены</dt>
			<dd style="display: block;" id="smenu1">
				<ul>
					<li><a href="priceelektro.html">Электрика</a></li>
					<li><a href="pricesantehnika.html">Сантехника</a></li>
					<li><a href="pricekrep.html">Крепежные, монтажные работыные, монтажные работы</a></li>
					<li><a href="pricemebel.html">Мебель</a></li>
					<li><a href="dveri.html">Двери</a></li>
					<li><a href="dopwork.html">Дополнительные работы</a></li>
					<li><a href="balkon.html">Балкон</a></li>
					<li><a href="pol.html">Пол</a></li>
					<li><a href="steny.html">Стены</a></li>
					<li><a href="potolok.html">Потолок</a></li>
				</ul>

			</dd>
	</dl>
	
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu3');">Фото работ</dt>
	<dd style="display: none;" id="smenu3">
				<ul>

					<li><a href="fotomremont.html">Мелкий ремонт</a></li>
					<li><a href="fotokosmremont.html">Косметический ремонт</a></li>
					<li><a href="fotokapremont.html">Капитальный ремонт</a></li>
					<li><a href="fotoofficeremont.html">Ремонт офисов</a></li>
					
				</ul>

			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre();"><a href="vacancy.html">Вакансии</a></dt>
			
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre();"><a href="contacts.html">Контакты</a></dt>
			
	</dl>
		<dl>	
		<dt onmouseover="javascript:montre();"><a href="order.html">Оставить заявку</a></dt>
			
	</dl>
	
</div>

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 17:32, 27-02-2009

 

Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


Так в коде и нет функции для сокрытия менюшки.
Добавим ещё одну функцию:
Код: Выделить весь код
function montre2(id) {
  document.getElementById(id).style.display='none';
}
и вызывать её надо по отведению курсора. Например, так:
Код: Выделить весь код
<dt onmouseover="javascript:montre('smenu3');" onmouseout="montre2('smenu3');">Фото работ</dt>
Но проблема здесь в том, что меню будет скрываться по отведению курсора от надписи "Фото работ", т.ч. в самом меню выбрать ничего не получится. Попробуйте поэкспериментировать с положением этого onmouseout. Может быть если его поставить в другие места кода, то будет в нужный момент скрываться. Мне в голову идёт только изобретение велосипеда, но, быть может, есть и простой способ.

Отправлено: 18:15, 27-02-2009 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для dmitryst

Ветеран


Сообщения: 7258
Благодарности: 906

Профиль | Отправить PM | Цитировать


Цитата Coutty:
есть и простой способ. »
При наведении мыши на другой раздел меню все остальные скрывать . То есть активным (развернутым) будет только один раздел меню со своими подразделами

-------
Осваиваю FreeBSD


Отправлено: 18:24, 27-02-2009 | #3


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


dmitryst, в этом скрипте так и сделано)

Отправлено: 18:46, 27-02-2009 | #4


Аватара для dmitryst

Ветеран


Сообщения: 7258
Благодарности: 906

Профиль | Отправить PM | Цитировать


Coutty, а в чем тогда проблема? Пока мышь не наведена на другой пункт меню, можно выбрать из текущего. MouseOut вообще не применять

-------
Осваиваю FreeBSD


Отправлено: 18:52, 27-02-2009 | #5


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


Видимо, проблема в том, что если отвести курсор вниз на страницу, то висящее меню будет мешать, нэ?

Отправлено: 18:58, 27-02-2009 | #6


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


Цитата Coutty:
Видимо, проблема в том, что если отвести курсор вниз на страницу, то висящее меню будет мешать, нэ? »
именно так на даный момент и происходит после отвода курсора менюшка остается. чтоб ее убрать надо навести на менюшку которая не открывается. так поэкспериментирую с местоположением чтоб получилось.

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 20:03, 27-02-2009 | #7


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


всем привет. это снова я и мы снова на передаче "Помогите балбесу"
попробовал повставлять указанный код в разные места, но дело кончается всегда одним - как только мышь уходит с "Фото работ" менюшка исчезает и выбрать ничего нельзя. собственно как и сказал

Цитата Coutty:
Но проблема здесь в том, что меню будет скрываться по отведению курсора от надписи "Фото работ", т.ч. в самом меню выбрать ничего не получится. Попробуйте поэкспериментировать с положением этого onmouseout. Может быть если его поставить в другие места кода, то будет в нужный момент скрываться. Мне в голову идёт только изобретение велосипеда, но, быть может, есть и простой способ. »
я так думаю, что надо скрытие привязать как-то к тегу <ul> чтоб когда мышь уходит с элемента этого списка то менюшка скрывалась.


Код: Выделить весь код
<div id="menu" align="center">

	<dl>			
		<dt onmouseover="javascript:montre('smenu1');">Цены</dt>
			<dd style="display: block;" id="smenu1">
				<ul>
					<li><a href="priceelektro.html">Электрика</a></li>
					<li><a href="pricesantehnika.html">Сантехника</a></li>
					<li><a href="pricekrep.html">Крепежные, монтажные работыные, монтажные работы</a></li>
					<li><a href="pricemebel.html">Мебель</a></li>
					<li><a href="dveri.html">Двери</a></li>
					<li><a href="dopwork.html">Дополнительные работы</a></li>
					<li><a href="balkon.html">Балкон</a></li>
					<li><a href="pol.html">Пол</a></li>
					<li><a href="steny.html">Стены</a></li>
					<li><a href="potolok.html">Потолок</a></li>
				</ul>

			</dd>
	</dl>
пришла в голову идея. реализовал, вроде работает но с точки зрения программирования полный бред конечно добавил функцию раскрытия меню и скрытия к каждому пункту менюшки. типа при наводке на пункт надо отображать все меню и при убирании мышки скрывать. но пока не уберешь совсем за пределы менюшки, то скрыть не получится, потому что надо показывать всю менюшку ))

Код: Выделить весь код
<dt onmouseover="javascript:montre('smenu1');">Цены</dt>
			<dd style="display: block;" id="smenu1">
				<ul>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="priceelektro.html">Электрика</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="pricesantehnika.html">Сантехника</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="pricekrep.html">Крепежные, монтажные работыные, монтажные работы</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="pricemebel.html">Мебель</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="dveri.html">Двери</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="dopwork.html">Дополнительные работы</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="balkon.html">Балкон</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="pol.html">Пол</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="steny.html">Стены</a></li>
					<li onmouseover="javascript:montre('smenu1');" onmouseout="montre2('smenu1');"><a href="potolok.html">Потолок</a></li>
				</ul>

			</dd>

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 13:04, 06-03-2009 | #8


Аватара для dmitryst

Ветеран


Сообщения: 7258
Благодарности: 906

Профиль | Отправить PM | Цитировать


koresaram, а навесить onMouseOver на dt и onMouseOut на ul

-------
Осваиваю FreeBSD


Отправлено: 18:40, 06-03-2009 | #9


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


Цитата dmitryst:
а навесить onMouseOver на dt и onMouseOut на ul »
да я б навесил если б жаваскрипт знал
пока все решаю методом тыка ))

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 10:29, 07-03-2009 | #10



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » не получается скрыть меню при onmouseout

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Разное - [решено] Как скрыть пользователей при загрузке PrianikOV Microsoft Windows 2000/XP 21 15-02-2014 23:15
Скрыть меню сайта SanyaJoker Вебмастеру 2 15-07-2009 13:47
Интерфейс - Как скрыть панель задач при запуске системы? borvins Microsoft Windows 2000/XP 23 13-11-2008 22:53
Авторинг VCD и SVCD — не получается сделать меню DJ Mogarych Видео и аудио: обработка и кодирование 4 25-07-2007 09:36
onMouseOut, смена opacity и FireFox Prisoner Вебмастеру 5 12-08-2005 10:26




 
Переход