mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-12-07 06:14:24 +00:00
34 lines
979 B
HTML
34 lines
979 B
HTML
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
var model = {
|
||
|
|
|
||
|
|
renderAt: '#containerDemo',
|
||
|
|
|
||
|
|
title: 'Dialog Demos',
|
||
|
|
|
||
|
|
demos: [
|
||
|
|
|
||
|
|
{
|
||
|
|
title: 'Simple dialog',
|
||
|
|
desc: 'With few lines of code you could build a dialog. You can try more options on the fly!',
|
||
|
|
html: '<div id="dialog">jQuery UI Dialog</div>',
|
||
|
|
destroy: '$("#dialog").dialog("destroy");',
|
||
|
|
options: [
|
||
|
|
{ desc: 'Make a simple dialog', source: '$("#dialog").dialog();' },
|
||
|
|
{ desc: 'Modal dialog', source: '$("#dialog").dialog({ modal: true });' },
|
||
|
|
{ desc: 'Modal dialog with overlay', source: '$("#dialog").dialog({ modal: true, overlay: { opacity: 0.5, background: "black" } });' },
|
||
|
|
{ desc: 'With buttons', source: '$("#dialog").dialog({buttons: { "Ok": function() { alert("Ok"); }, "Cancel": function() { $(this).dialog("close"); } }});' },
|
||
|
|
{ desc: 'Close the dialog', source: '$("#dialog").dialog("close");' }
|
||
|
|
]
|
||
|
|
}
|
||
|
|
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
$(function(){
|
||
|
|
|
||
|
|
uiRenderDemo(model);
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|