Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Java программирование > Общие вопросы по Java, Java SE, Kotlin
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.08.2014, 17:27   #1
ivan_fedya
Новичок
Джуниор
 
Регистрация: 07.06.2010
Сообщений: 1
Вопрос Функция во всплывающем меню на сайте

Ребят Хелп)
Есть код функции выпадающего меню.
Работает вот так (несколько пунктов с подменю и рядом с ними стрелочка, при нажатии на нее появляется подменю)
Нужно сделать чтобы подменю появлялось не только при нажатии на стрелочку но и просто при наведении мышкой на пункт.
Не могу понять как повторно вызвать эту функции при щелчке но у же в обработке mouseover
Код:
<div id="nicemenu">
    <ul>
        <li><span class="head_menu"><a href="index.html">Home</a></span>
        <li><span class="head_menu"><a href="index.html">You</a><img src="arrow.png" width="18" height="15" align="top" class="arrow" /></span>
            <div class="sub_menu">
                 <a href="index.html">Your Photos</a>
                 <a href="index.html">Your Sets</a>
                 <a href="index.html">Your Archives</a>
                 <a href="index.html">Your Tags</a>
                 <a href="index.html">Your Map</a>
                 <a href="index.html">Your Favorites</a>
                 <a href="index.html">Your Stats</a>
                 <a href="index.html" class="item_line">Recent Activity</a>
                 <a href="index.html">Comments You've Made</a>
                 <a href="index.html" class="item_line">Upload Photos</a>
                 <a href="index.html" class="item_line">Your Account</a>
                 <a href="index.html">Your Profile</a>
                 <a href="index.html" class="item_line">FlickrMail</a>
            </div>
        </li>
        <li><span class="head_menu"><a href="index.html">Organize</a><img src="arrow.png" width="18" height="15" align="top" class="arrow" /></span>
             <div class="sub_menu">
                <a href="index.html">All your photos</a>
                <a href="index.html">Most recently uploaded photos</a>
                <a href="index.html">Your Sets</a>
                <a href="index.html">Your Map</a>
            </div>
        </li>
    
    </ul>
</div>
Код:
$(document).ready(function(){

	$("#nicemenu img.arrow").click(function(){ 
								
		$("span.head_menu").removeClass('active');
		
		submenu = $(this).parent().parent().find("div.sub_menu");
		
		if(submenu.css('display')=="block"){
			$(this).parent().removeClass("active"); 	
			submenu.hide(); 		
			$(this).attr('src','arrow_hover.png');									
		}else{
			$(this).parent().addClass("active"); 	
			submenu.fadeIn(); 		
			$(this).attr('src','arrow_select.png');	
		}
		
		$("div.sub_menu:visible").not(submenu).hide();
		$("#nicemenu img.arrow").not(this).attr('src','arrow.png');
						
	})
	.mouseover(function(){ $(this).attr('src','arrow_hover.png'); 

	})
	.mouseout(function(){ 
		if($(this).parent().parent().find("div.sub_menu").css('display')!="block"){
			$(this).attr('src','arrow.png');
		}else{
			$(this).attr('src','arrow_select.png');
		}
	});

	$("#nicemenu span.head_menu").mouseover(function(){ $(this).addClass('over')})
								 .mouseout(function(){ $(this).removeClass('over') });
	
	$("#nicemenu div.sub_menu").mouseover(function(){ $(this).fadeIn(); })
							   .blur(function(){ 
							   		$(this).hide();
									$("span.head_menu").removeClass('active');
								});		
								
	$(document).click(function(event){ 		
			var target = $(event.target);
			if (target.parents("#nicemenu").length == 0) {				
				$("#nicemenu span.head_menu").removeClass('active');
				$("#nicemenu div.sub_menu").hide();
				$("#nicemenu img.arrow").attr('src','arrow.png');
			}
	});			   
							   
								   
});
ivan_fedya вне форума Ответить с цитированием
Старый 19.08.2014, 18:29   #2
Carbon
JAVA BEAN
Участник клуба
 
Аватар для Carbon
 
Регистрация: 22.04.2007
Сообщений: 1,329
По умолчанию

Причем тут ява?
Carbon вне форума Ответить с цитированием
Старый 20.08.2014, 07:03   #3
Bugrimov
C/C++, Java
Участник клуба
 
Аватар для Bugrimov
 
Регистрация: 28.03.2012
Сообщений: 1,679
По умолчанию

Может имели в виду JavaScript? У него с Java ничего общего.
"Keep it simple" - придерживайтесь простоты!
Уильям Оккам - "Не следует множить сущее без необходимости"
Сложность - враг простоты и удобства!
Bugrimov вне форума Ответить с цитированием
Старый 20.08.2014, 12:40   #4
Человек_Борща
Старожил
 
Аватар для Человек_Борща
 
Регистрация: 30.12.2009
Сообщений: 11,426
По умолчанию

Но он очень похож и внутреннносиями и названием.
Java - это java
JavaScript - это чуть меньше чем java.
Отсюда и всяческие приколы.
Человек_Борща вне форума Ответить с цитированием
Старый 20.08.2014, 13:08   #5
Bugrimov
C/C++, Java
Участник клуба
 
Аватар для Bugrimov
 
Регистрация: 28.03.2012
Сообщений: 1,679
По умолчанию

Если человек говорит ЛЮМИНИЙ, значит ЛЮМИНИЙ. Я вот например когда пишу код на C++, я 100% уверен что он на С++, если на Java, законно предположить, что это Java. Мне трудно понять этот сплошной поток строк. Я просто мало работал с Java...
"Keep it simple" - придерживайтесь простоты!
Уильям Оккам - "Не следует множить сущее без необходимости"
Сложность - враг простоты и удобства!
Bugrimov вне форума Ответить с цитированием
Старый 20.08.2014, 15:47   #6
Человек_Борща
Старожил
 
Аватар для Человек_Борща
 
Регистрация: 30.12.2009
Сообщений: 11,426
По умолчанию

По названию, логически верно предположить, что JAVASCRIPT произошел от JAVA, и потому логично создать тему с JavaScript в категории Java.

Та же херня с C и C++. Они очень похожи названием.
Человек_Борща вне форума Ответить с цитированием
Старый 20.08.2014, 16:08   #7
p51x
Старожил
 
Регистрация: 15.02.2010
Сообщений: 15,707
По умолчанию

Цитата:
По названию, логически верно предположить, что JAVASCRIPT произошел от JAVA, и потому логично создать тему с JavaScript в категории Java.
Цитата:
Первоначально язык назывался LiveScript и предназначался как для программирования на стороне клиента, так и для программирования на стороне сервера (там он должен был называться LiveWire)[13]. На синтаксис оказали влияние языки Си и Java, и, поскольку Java в то время было модным словом[11][13], 4 декабря 1995 года LiveScript переименовали в JavaScript[14], получив соответствующую лицензию у Sun.
я могу назвать и зарегать язык С+++ с синтаксисом Perl, и чо?
p51x вне форума Ответить с цитированием
Старый 20.08.2014, 17:16   #8
Bugrimov
C/C++, Java
Участник клуба
 
Аватар для Bugrimov
 
Регистрация: 28.03.2012
Сообщений: 1,679
По умолчанию

На самом деле я просто хотел сказать, что не знаю такого java-кода. Вот и все. Есть к чему стремиться.
"Keep it simple" - придерживайтесь простоты!
Уильям Оккам - "Не следует множить сущее без необходимости"
Сложность - враг простоты и удобства!
Bugrimov вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает всплывающее меню на сайте Arina96 HTML и CSS 1 19.11.2013 11:55
Пропало меню на сайте ucoz не пойму в чем дело бэк ап не помог=( хаоси Помощь студентам 0 20.06.2012 19:07
меню как на сайте p&g (меню ввиде таблицы) ilma55 WordPress и другие CMS 0 19.09.2010 19:09
Cвой пункты в всплывающем меню Windows Explorer Gerzs Общие вопросы Delphi 12 22.08.2009 19:38