<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]-->
var loadDemo = function(comp) {
+ $("#dialog").dialog().remove();
+
$('#containerDemo').html("<img src='images/ajax-loader.gif'>");
$("#containerDemo").ajaxError(function(request, settings){
--- /dev/null
+<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>
\ No newline at end of file
projects / jquery-ui.git / commitdiff