Показать сообщение отдельно
  #1 (permalink)  
Старый 25.07.2013, 02:08
Кандидат Javascript-наук
Отправить личное сообщение для zoOmer Посмотреть профиль Найти все сообщения от zoOmer
 
Регистрация: 21.05.2013
Сообщений: 131

Как исправить код?
Доброго времени суток ув. знатоки подскажите где ошибка в коде? не удается запустить код!

JS:

function dropdownmenu(obj, e, menucontents, menuwidth){
 
	if (window.event) event.cancelBubble=true;
	else if (e.stopPropagation) e.stopPropagation();
 
	var menudiv = $('#dropmenudiv');
 
	if (menudiv.is(':visible')) { clearhidemenu(); menudiv.fadeOut('fast'); return false; }
 
	menudiv.remove();
 
	$('body').append('<div id="dropmenudiv" style="display:none;position:absolute;z-index:100;width:165px;"></div>');
 
	menudiv = $('#dropmenudiv');
 
	menudiv.html(menucontents.join(""));
 
	if (menuwidth) menudiv.width(menuwidth);
 
	var windowx = $(document).width() - 30;
	var offset = $(obj).offset();
 
	if (windowx-offset.left < menudiv.width())
			offset.left = offset.left - (menudiv.width()-$(obj).width());
 
	menudiv.css( {
		left : offset.left + "px",
		top : offset.top+$(obj).height()+"px"
	});
 
	menudiv.fadeTo('fast', 0.9);
 
	menudiv.mouseenter(function(){
	      clearhidemenu();
	    }).mouseleave(function(){
	      delayhidemenu();
	});
 
	$(document).one("click", function() {
		hidemenu();
	});
 
	return false;
};
 
function hidemenu(e){
	$("#dropmenudiv").fadeOut("fast");
};
 
function delayhidemenu(){
	delayhide=setTimeout("hidemenu()",1000);
};
 
function clearhidemenu(){
 
	if (typeof delayhide!="undefined")
		clearTimeout(delayhide);
};


CSS:

#dropmenudiv {background:#fff;box-shadow:0 0 5px #696969;-webkit-box-shadow:0 0 5px #696969;-moz-box-shadow:0 0 5px #696969;margin:2px;padding:3px}
#dropmenudiv a{display:block;text-decoration:none;border:1px solid #fff;color:#000;padding:4px}
#dropmenudiv a:hover{border:1px solid #bbff76;background:#d9ffb3;color:#000}

#dropmenudiv a { display: block; text-indent: 3px; text-decoration: none; color: #3f4b51; padding: 1px 0; width: 100%;}
#dropmenudiv a:hover { color: #2d8edd; }


HTML:

<a href="#" onclick="return dropdownmenu(this, event, 'содержимое меню', '170px');">Click</a>


Заранее огромное спасибо!


Это всплывающие меню редактировать как на DLE точней вырезка из ДЛЕ!



Нужно чтоб по нажатию на кнопку всплывало меню и по нажатию на любое место сайта оно закрывалось!

Последний раз редактировалось zoOmer, 25.07.2013 в 14:47.
Ответить с цитированием