User:Mono: Difference between revisions
Content deleted Content added
mNo edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
$( '#dialog' ).dialog({ |
$( '#dialog' ).dialog({ |
||
autoOpen: false, |
autoOpen: false, |
||
show: "blind", |
|||
modal: true, |
modal: true, |
||
hide: "explode" |
|||
}); |
}); |
||
$( "#opener" ).click(function() { |
$( "#opener" ).click(function() { |
Revision as of 00:50, 2 October 2012
<html>
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
<script> mw.loader.using(['jquery.ui.dialog'], function () {
$( '#dialog' ).dialog({
autoOpen: false, modal: true, }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; }); }); </script> <button id="opener">Open Dialog</button>
</html>