User:Mono: Difference between revisions
Content deleted Content added
mNo edit summary |
test |
||
| Line 1: | Line 1: | ||
<html> |
<html> |
||
| ⚫ | |||
| ⚫ | |||
<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> |
<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> |
</div> |
||
| Line 9: | Line 7: | ||
mw.loader.using(['jquery.ui.dialog'], function () { |
mw.loader.using(['jquery.ui.dialog'], function () { |
||
$( '#dialog' ).dialog( |
$( '#dialog' ).dialog({ |
||
autoOpen: false, |
|||
modal: true, |
|||
} |
|||
); |
|||
}); |
}); |
||
$( "#create-user" ) |
|||
.button() |
|||
.click(function() { |
|||
$( "#dialog" ).dialog( "open" ); |
|||
}); |
|||
}); |
|||
</script> |
</script> |
||
<button id="create-user">Open The Dialog</button> |
|||
</html> |
</html> |
||
Revision as of 00:44, 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, } ); });
$( "#create-user" ) .button() .click(function() { $( "#dialog" ).dialog( "open" ); }); });
</script> <button id="create-user">Open The Dialog</button>
</html>