[Summary view] [Print] [Text view]

   1  <script type="text/javascript">
   2  
   3      var model = {
   4  
   5          renderAt: '#containerDemo',
   6  
   7          title: 'Dialog Demos',
   8  
   9          demos: [
  10  
  11              {
  12                  title: 'Simple dialog',
  13                  desc: 'With few lines of code you could build a dialog. You can try more options on the fly!',
  14                  html: '<div id="dialog">jQuery UI Dialog</div>',
  15                  destroy: '$("#dialog").dialog("destroy");',
  16                  options: [
  17                      { desc: 'Make a simple dialog', source: '$("#dialog").dialog();' },
  18                      { desc: 'Modal dialog', source: '$("#dialog").dialog({ modal: true });' },
  19                      { desc: 'Modal dialog with overlay', source: '$("#dialog").dialog({ modal: true, overlay: { opacity: 0.5, background: "black" } });' },
  20                      { desc: 'With buttons', source: '$("#dialog").dialog({buttons: { "Ok": function() { alert("Ok"); }, "Cancel": function() { $(this).dialog("close"); } }});' },
  21                      { desc: 'Close the dialog', source: '$("#dialog").dialog("close");' }
  22                  ]
  23              }
  24  
  25          ]
  26      };
  27  
  28      $(function(){
  29  
  30          uiRenderDemo(model);
  31  
  32      });
  33  
  34  </script>