Web Development with jQuery®

(Elliott) #1

Writing a Plugin (^) ❘ 255
.bind(
'mouseout.contextMenu',
function()
{
$(this).data('contextMenu', false);
}
);
this.parents('.contextMenuContainer:first')
.bind(
'contextmenu.contextMenu',
function(event)
{
event.preventDefault();
var viewport = getViewportDimensions();
contextMenu.show();
contextMenu.css({
top : 'auto',
right : 'auto',
bottom : 'auto',
left : 'auto'
});
if (contextMenu.outerHeight() >
(viewport.y - event.pageY))
{
contextMenu.css(
'bottom',
(viewport.y - event.pageY) + 'px'
);
}
else
{
contextMenu.css(
'top',
event.pageY + 'px'
);
}
if (contextMenu.outerWidth() >
(viewport.x - event.pageX))
{
contextMenu.css(
'right',
(viewport.x - event.pageX) + 'px'
);
}
else
{
contextMenu.css(
'left',
http://www.it-ebooks.info

Free download pdf