StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Hope this helps, I created an extension for this issue where I use the jQuery tools (flowplayer) expose plugin when modal = true for the jQuery UI dialog.</p> <p>I would include the folhttp://jsfiddle.net/yZ56q/lowing code in a separate .js file and make sure to include the jQuery tools expose plugin prior, from this site...<a href="http://flowplayer.org/tools/download.html" rel="nofollow noreferrer">http://flowplayer.org/tools/download.html</a>.</p> <pre><code>(function($) { var _init = $.ui.dialog.prototype._init; $.ui.dialog.prototype._init = function() { var self = this; _init.apply(this, arguments); // Remove the default modal behavior and exhibit the new one if (self.options.modal) { self.options.modal = false; self.options.isModal = true; } this.uiDialog.bind('dialogopen', function(event, ui) { if (self.options.isModal) { if ($(this).expose == null) window.alert("Dialog box depends on the expose plugin to be modal. Please include the jquery tools Javascript include."); else { $(this).expose({ opacity: 0.3 , color: '#CCCCCC' , loadSpeed: 0 , closeSpeed: 0 , closeOnClick: false , closeOnEsc: false , api: true }).load(); } } }); this.uiDialog.bind('dialogfocus', function(event, ui) { if (self.options.isModal) { $(this).css('z-index', '9999'); } }); this.uiDialog.bind('dialogclose', function(event, ui) { if (self.options.isModal) { if ($(this).expose != null) { $(this).expose({ api: true }).close(); } } }); }; $.ui.dialog.defaults.isModal = false; })(jQuery); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload