[jQuery] [jqModal] - r11 release, improvements.
Ladies and Gentleman,
A few hundred bytes were added to the jqModal plugin to aid those
struggling with z-Index container stacking issues. Namely; there's now
a shortcut** to overcome "the overlay covers everything, including the
dialog!" issues. Other improvements include a fault-tolerant focus
method as well as avoidance of IE z-Index stacking order issues.
It has been awhile since this plugin made an announcement in the -
disuss limelight -- so for those that haven't heard; r10 was released
and addressed some long-standing issues [detailed @ plugin page] as
well as current [1.1.3.1] jQuery compatibility issues.
The plugin page can be found @
http://dev.iceburg.net/jquery/jqModal/index.php
A demonstration of the new toTop method can be found @
http://dev.iceburg.net/jquery/jqModal/toTop.html
The z-Index issue effects many-a-user of many-a-dialog-script... and
thus may prove of interest to you even if you *don't* use jqModal.
Hope you're all having an enjoyable weekend && || coding experience!
~ Brice
** I decided to add to the base for convenience. For those die-hards,
the same functionality of the toTop method could be added via the
onShow and onClose callback functions using the following code;
[!-- JS --]
var showModal = function(h) {
// remember DOM posistion of window
h.w.before('<span id="jqmPlace'+h.w[0]._jqm+'"></span>');
// NOTE: above can be combined in the chain...
// move after overlay (child of body), avoids z-index issues
// show window
h.w.insertAfter(h.o).show();
};
var closeModal = function(h) {
// remove overlay
h.o.remove();
// restore DOM position of window
// remove placeholder
// hide window
$('#jqmPlace'+h.w[0]._jqm).after(h.w.hide()).remove();
};