Доброго времени суток ув. знатоки подскажите где ошибка в коде? не удается запустить код!
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 точней вырезка из ДЛЕ!
Нужно чтоб по нажатию на кнопку всплывало меню и по нажатию на любое место сайта оно закрывалось!
