2015-10-09, 06:31 PM
Hello,
How to center MyBB popup menu? I guess I have to change somthing in my .js file.
[attachment=35328]
And here is the code from jquery.plugins.js:
How to center MyBB popup menu? I guess I have to change somthing in my .js file.
[attachment=35328]
And here is the code from jquery.plugins.js:
/*
Conversion of 1.6.x popup_menu.js
*/
(function($){
var current_popup = '';
var PopupMenu = function(el, close_in_popupmenu)
{
var el = $(el);
var popup = this;
var popup_menu = $("#" + el.attr('id') + "_popup");
if(typeof close_in_popupmenu == 'undefined')
{
var close_in_popupmenu = true;
}
// Opening Popup
this.open = function(e)
{
e.preventDefault();
if(popup_menu.is(':visible'))
{
popup.close();
return;
}
// Setup popup menu
var offset = el.offset();
offset.top += el.outerHeight();
// We only adjust if it goes out of the page (?)
if((el.offset().left + popup_menu.outerWidth()) > $(window).width())
var adjust = popup_menu.outerWidth() - el.outerWidth();
else
var adjust = 10px;
popup_menu.css({
position: 'absolute',
top: offset.top,
left: offset.left-adjust
});
popup_menu.show();
// Closes the popup if we click outside the button (this doesn't seem to work properly - couldn't find any solutions that actually did - if we click the first item on the menu)
// Credits: http://stackoverflow.com/questions/1160880/detect-click-outside-element
$('body, .popup_item').bind('click.close_popup', function(e) {
if(close_in_popupmenu)
{
if($(e.target).closest("#" + el.attr('id')).length == 0) {
popup.close();
}
}
else
{
if($(e.target).closest("#" + el.attr('id')).length == 0 && $(e.target).closest("#" + el.attr('id') + '_popup').length == 0) {
popup.close();
}
}
});
}
this.close = function(e)
{
popup_menu.hide();
}
}
$.fn.popupMenu = function(close_in_popupmenu)
{
return this.each(function()
{
var popup = new PopupMenu(this, close_in_popupmenu);
$(this).click(popup.open);
});
}
})(jQuery);