zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Made some context menu optimizations 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1783 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Alexis Deveria 2010-10-07 20:56:43 +00:00
parent 4d65eaf2f9
commit afc874626f
1 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
editor/contextmenu/jquery.contextMenu.js
View File

@ -14,6 +14,9 @@
// and the MIT License and is copyright A Beautiful Site, LLC. // and the MIT License and is copyright A Beautiful Site, LLC.
// //
if(jQuery)( function() { if(jQuery)( function() {
var win = $(window);
var doc = $(document);
$.extend($.fn, { $.extend($.fn, {
contextMenu: function(o, callback) { contextMenu: function(o, callback) {
@ -28,75 +31,78 @@ if(jQuery)( function() {
$(this).each( function() { $(this).each( function() {
var el = $(this); var el = $(this);
var offset = $(el).offset(); var offset = $(el).offset();
var menu = $('#' + o.menu);
// Add contextMenu class // Add contextMenu class
$('#' + o.menu).addClass('contextMenu'); menu.addClass('contextMenu');
// Simulate a true right click // Simulate a true right click
$(this).mousedown( function(e) { $(this).mousedown( function(e) {
var evt = e; var evt = e;
$(this).mouseup( function(e) { $(this).mouseup( function(e) {
var srcElement = $(this); var srcElement = $(this);
$(this).unbind('mouseup'); srcElement.unbind('mouseup');
if( evt.button == 2 || o.allowLeft) { if( evt.button === 2 || o.allowLeft) {
e.stopPropagation(); e.stopPropagation();
// Hide context menus that may be showing // Hide context menus that may be showing
$(".contextMenu").hide(); $(".contextMenu").hide();
// Get this context menu // Get this context menu
var menu = $('#' + o.menu);
if( $(el).hasClass('disabled') ) return false; if( el.hasClass('disabled') ) return false;
// Detect mouse position // Detect mouse position
var d = {}, x = e.pageX, y = e.pageY; var d = {}, x = e.pageX, y = e.pageY;
var x_off = $(window).width() - menu.width(), var x_off = win.width() - menu.width(),
y_off = $(window).height() - menu.height(); y_off = win.height() - menu.height();
if(x > x_off) x = x_off-15; if(x > x_off - 15) x = x_off-15;
if(y > y_off) y = y_off-30; // 30 is needed to prevent scrollbars in FF if(y > y_off - 30) y = y_off-30; // 30 is needed to prevent scrollbars in FF
// Show the menu // Show the menu
$(document).unbind('click'); doc.unbind('click');
$(menu).css({ top: y, left: x }).fadeIn(o.inSpeed); menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
// Hover events // Hover events
$(menu).find('A').mouseover( function() { menu.find('A').mouseover( function() {
$(menu).find('LI.hover').removeClass('hover'); menu.find('LI.hover').removeClass('hover');
$(this).parent().addClass('hover'); $(this).parent().addClass('hover');
}).mouseout( function() { }).mouseout( function() {
$(menu).find('LI.hover').removeClass('hover'); menu.find('LI.hover').removeClass('hover');
}); });
// Keyboard // Keyboard
$(document).keypress( function(e) { doc.keypress( function(e) {
switch( e.keyCode ) { switch( e.keyCode ) {
case 38: // up case 38: // up
if( $(menu).find('LI.hover').size() == 0 ) { if( !menu.find('LI.hover').length ) {
$(menu).find('LI:last').addClass('hover'); menu.find('LI:last').addClass('hover');
} else { } else {
$(menu).find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover'); menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
if( $(menu).find('LI.hover').size() == 0 ) $(menu).find('LI:last').addClass('hover'); if( !menu.find('LI.hover').length ) menu.find('LI:last').addClass('hover');
} }
break; break;
case 40: // down case 40: // down
if( $(menu).find('LI.hover').size() == 0 ) { if( menu.find('LI.hover').length == 0 ) {
$(menu).find('LI:first').addClass('hover'); menu.find('LI:first').addClass('hover');
} else { } else {
$(menu).find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover'); menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
if( $(menu).find('LI.hover').size() == 0 ) $(menu).find('LI:first').addClass('hover'); if( !menu.find('LI.hover').length ) menu.find('LI:first').addClass('hover');
} }
break; break;
case 13: // enter case 13: // enter
$(menu).find('LI.hover A').trigger('click'); menu.find('LI.hover A').trigger('click');
break; break;
case 27: // esc case 27: // esc
$(document).trigger('click'); doc.trigger('click');
break break
} }
}); });
// When items are selected // When items are selected
$('#' + o.menu).find('A').unbind('mouseup'); menu.find('A').unbind('mouseup');
$('#' + o.menu).find('LI:not(.disabled) A').mouseup( function() { menu.find('LI:not(.disabled) A').mouseup( function() {
$(document).unbind('click').unbind('keypress'); doc.unbind('click').unbind('keypress');
$(".contextMenu").hide(); $(".contextMenu").hide();
// Callback // Callback
if( callback ) callback( $(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y} ); if( callback ) callback( $(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y} );
@ -105,9 +111,9 @@ if(jQuery)( function() {
// Hide bindings // Hide bindings
setTimeout( function() { // Delay for Mozilla setTimeout( function() { // Delay for Mozilla
$(document).click( function() { doc.click( function() {
$(document).unbind('click').unbind('keypress'); doc.unbind('click').unbind('keypress');
$(menu).fadeOut(o.outSpeed); menu.fadeOut(o.outSpeed);
return false; return false;
}); });
}, 0); }, 0);