mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-24 16:30:27 +08:00
James Taylor
42992455c2
workflow editor works on IE7 (using excanvas). It actually *nearly* works on IE6 but there are some layout problems that are probably not worth wasting time on. If any IE users can test this that would be great!
59 lines
2.1 KiB
JavaScript
59 lines
2.1 KiB
JavaScript
jQuery(document).ready( function() {
|
|
// Links with confirmation
|
|
jQuery( "a[@confirm]" ).click( function() {
|
|
return confirm( jQuery(this).attr( "confirm" ) )
|
|
});
|
|
jQuery( "div[@popupmenu]" ).each( function() {
|
|
var options = {};
|
|
$(this).find( "a" ).each( function() {
|
|
var confirmtext = $(this).attr( "confirm" ),
|
|
href = $(this).attr( "href" ),
|
|
target = $(this).attr( "target" );
|
|
options[ $(this).text() ] = function() {
|
|
if ( !confirmtext || confirm( confirmtext ) ) {
|
|
var f = window;
|
|
if ( target == "_parent" ) {
|
|
f = window.parent;
|
|
}
|
|
f.location = href;
|
|
}
|
|
};
|
|
});
|
|
var b = $( "#" + $(this).attr( 'popupmenu' ) );
|
|
make_popupmenu( b, options );
|
|
$(this).remove();
|
|
b.show();
|
|
});
|
|
});
|
|
|
|
function ensure_popup_helper() {
|
|
// And the helper below the popup menus
|
|
if ( $( "#popup-helper" ).length == 0 ) {
|
|
$( "<div id='popup-helper'/>" ).css( {
|
|
background: 'white', opacity: 0, zIndex: 15000,
|
|
position: 'absolute', top: 0, left: 0, width: '100%', height: '100%'
|
|
} ).appendTo( "body" ).hide();
|
|
}
|
|
}
|
|
|
|
function make_popupmenu( button_element, options ) {
|
|
ensure_popup_helper();
|
|
var menu_element = $( "<div class='popupmenu'></div>" ).appendTo( "body" );
|
|
$.each( options, function( k, v ) {
|
|
$( "<div class='popupmenu-item' />" ).html( k ).click( v ).appendTo( menu_element );
|
|
});
|
|
var clean = function() {
|
|
$(menu_element).unbind().hide();
|
|
$("#popup-helper").unbind().hide();
|
|
};
|
|
var click = function( e ) {
|
|
var o = $(button_element).offset();
|
|
$("#popup-helper").mousedown( clean ).show();
|
|
$( menu_element ).click( clean ).css( { top: -1000 } ).show().css( {
|
|
top: e.pageY - 2,
|
|
left: e.pageX - 2 // + $(button_element).width() - $(menu_element).width()
|
|
} );
|
|
return false;
|
|
};
|
|
$( button_element ).click( click );
|
|
}; |