77 lines
2.7 KiB
JavaScript
77 lines
2.7 KiB
JavaScript
/*!
|
|
* Language Selector JS plugin
|
|
* Copyright 2017 Clement G., Inc.
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
*/
|
|
|
|
var dropdownmenu={
|
|
animspeed: 200, //reveal animation speed (in milliseconds)
|
|
showhidedelay: [150, 150], //delay before menu appears and disappears when mouse rolls over it, in milliseconds
|
|
|
|
//***** NO NEED TO EDIT BEYOND HERE
|
|
builtdropdownids: [], //ids of dropdown already built (to prevent repeated building of same dropdown)
|
|
|
|
showbox:function($, $dropdown, e){
|
|
clearTimeout($dropdown.data('timers').hidetimer)
|
|
$dropdown.data('timers').showtimer=setTimeout(function(){$dropdown.show(dropdownmenu.animspeed)}, this.showhidedelay[0])
|
|
},
|
|
|
|
hidebox:function($, $dropdown){
|
|
clearTimeout($dropdown.data('timers').showtimer)
|
|
$dropdown.data('timers').hidetimer=setTimeout(function(){$dropdown.hide(100)}, this.showhidedelay[1]) //hide dropdown plus all of its sub ULs
|
|
},
|
|
|
|
|
|
builddropdown:function($, $menu, $target){
|
|
$menu.css({display:'none'}).addClass('jqdropdown')
|
|
$menu.bind('mouseenter', function(){
|
|
clearTimeout($menu.data('timers').hidetimer)
|
|
})
|
|
$menu.bind('mouseleave', function(){ //hide menu when mouse moves out of it
|
|
dropdownmenu.hidebox($, $menu)
|
|
})
|
|
$menu.data('dimensions', {w:$menu.outerWidth(), h:$menu.outerHeight()}) //remember main menu's dimensions
|
|
$menu.data('timers', {})
|
|
this.builtdropdownids.push($menu.get(0).id) //remember id of dropdown that was just built
|
|
},
|
|
|
|
|
|
|
|
init:function($, $target, $dropdown){
|
|
if (this.builtdropdownids.length==0){ //only bind click event to document once
|
|
$(document).bind("click", function(e){
|
|
if (e.button==0){ //hide all dropdown (and their sub ULs) when left mouse button is clicked
|
|
$('.jqdropdown').find('ul').andSelf().hide()
|
|
}
|
|
})
|
|
}
|
|
if (jQuery.inArray($dropdown.get(0).id, this.builtdropdownids)==-1) //if this dropdown hasn't been built yet
|
|
this.builddropdown($, $dropdown, $target)
|
|
if ($target.parents().filter('ul.jqdropdown').length>0) //if $target matches an element within the dropdown markup, don't bind ondropdown to that element
|
|
return
|
|
$target.bind("mouseenter", function(e){
|
|
dropdownmenu.showbox($, $dropdown, e)
|
|
})
|
|
$target.bind("mouseleave", function(e){
|
|
dropdownmenu.hidebox($, $dropdown)
|
|
})
|
|
}
|
|
};
|
|
|
|
jQuery.fn.adddropdown=function(dropdownid){
|
|
var $=jQuery
|
|
return this.each(function(){ //return jQuery obj
|
|
var $target=$(this)
|
|
if ($('#'+dropdownid).length==1) //check dropdown is defined
|
|
dropdownmenu.init($, $target, $('#'+dropdownid))
|
|
})
|
|
};
|
|
|
|
//By default, add dropdown to anchor links with attribute "data-dropdown"
|
|
jQuery(document).ready(function($){
|
|
var $anchors=$('*[data-dropdown]')
|
|
$anchors.each(function(){
|
|
$(this).adddropdown(this.getAttribute('data-dropdown'))
|
|
})
|
|
});
|