User:Mono: Difference between revisions
Content deleted Content added
No edit summary |
mNo edit summary |
||
Line 1:
<html>
<div id="dialog" title="Basic dialog">▼
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>▼
</div>▼
<script>
mw.loader.using(['jquery.ui.dialog'], function () {
autoOpen: false
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
return false;
});
});
</script>
<div class="demo">
▲<div id="dialog" title="Basic dialog">
▲
▲</div>
<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>
| |||
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>