github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-04-20 03:02:41 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added dialog functional demo

Browse Source
This commit is contained in:
Eduardo Lundgren
2008-06-09 08:25:18 +00:00
parent d7cde8ae7f
commit eb68232a25
3 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demos/functional/index.html
View File

@@ -53,7 +53,7 @@
<script src="js/chili-recipes.js" type="text/javascript"></script>
</head>
<body id="functional_demos">
<body class="flora" id="functional_demos">
<!--[if IE 5]><div id="ie5" class="ie"><![endif]-->
<!--[if IE 6]><div id="ie6" class="ie"><![endif]-->
<!--[if IE 7]><div id="ie7" class="ie"><![endif]-->

2
demos/functional/js/functional.demo.js
View File

@@ -162,6 +162,8 @@ var uiRenderDemo = function(model) {
var loadDemo = function(comp) {
$("#dialog").dialog().remove();
$('#containerDemo').html("<img src='images/ajax-loader.gif'>");
$("#containerDemo").ajaxError(function(request, settings){

34
demos/functional/templates/ui.dialog.html Normal file
View File

@@ -0,0 +1,34 @@
<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>