User:Mono: Difference between revisions
Content deleted Content added
No edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
<html> |
<html> |
||
⚫ | |||
⚫ | |||
⚫ | |||
<script> |
<script> |
||
mw.loader.using(['jquery.ui.dialog'], function () { |
mw.loader.using(['jquery.ui.dialog'], function () { |
||
$( "#dialog" ).dialog({ |
|||
autoOpen: false |
autoOpen: false |
||
modal: true, |
|||
}); |
}); |
||
$( "#opener" ).click(function() { |
$( "#opener" ).click(function() { |
||
$( "#dialog" ).dialog( "open" ); |
$( "#dialog" ).dialog( "open" ); |
||
return false; |
return false; |
||
}); |
}); |
||
}); |
}); |
||
</script> |
</script> |
||
<div class="demo"> |
|||
⚫ | |||
⚫ | |||
⚫ | |||
<button id="opener">Open Dialog</button> |
<button id="opener">Open Dialog</button> |
||
</div><!-- End demo --> |
|||
<div class="demo-description"> |
|||
<p>Dialogs may be animated by specifying an effect for the show and/or hide properties. You must include the individual effects file for any effects you would like to use.</p> |
|||
</div><!-- End demo-description --> |
|||
</html> |
</html> |
Revision as of 01:00, 2 October 2012
<html>
<script> mw.loader.using(['jquery.ui.dialog'], function () {
$( "#dialog" ).dialog({ autoOpen: false });
$( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; }); }); </script>
This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
<button id="opener">Open Dialog</button>
Dialogs may be animated by specifying an effect for the show and/or hide properties. You must include the individual effects file for any effects you would like to use.
</html>