Skip to content
Permalink
Browse files

Added dialog functional demo

  • Loading branch information
eduardolundgren committed Jun 9, 2008
1 parent d7cde8a commit eb68232a2538661b0505ca858beb7259d774ee76
@@ -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]-->
@@ -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){
@@ -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>

0 comments on commit eb68232

Please sign in to comment.
You can’t perform that action at this time.