Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 2nd, 2012  |  syntax: None  |  size: 1.55 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How do I write a function?
  2. var $dialog = $('<div></div>')
  3.  .html('This dialog will show every time!')
  4.  .dialog({
  5.    height   : 140,
  6.    modal    : true,
  7.    autoOpen : false,
  8.    title    : 'Basic Dialog'
  9.  });
  10.        
  11. $dialog.dialog('open');
  12.        
  13. function createDialog(title, content)
  14. {
  15.     return $('<div></div>')
  16.         .html(content || 'Defualt content.')
  17.         .dialog({
  18.             height   : 140,
  19.             modal    : true,
  20.             autoOpen : false,
  21.             title    : title || 'Defualt title'
  22.         });
  23. }
  24.        
  25. $dialog = createDialog('Basic Dialog', 'This dialog will show every time!');
  26.        
  27. createDialog('Basic Dialog', 'This dialog will show every time!').dialog('open');
  28.        
  29. var createDialog = (function($)
  30. {
  31.     var $dialog = $('<div></div>').dialog({
  32.             height   : 140,
  33.             modal    : true,
  34.             autoOpen : false
  35.         }),
  36.         $content = $dialog.find('.dialog-content');
  37.  
  38.     return function (title, content)
  39.     {
  40.         $content.html(content || 'Default content.');
  41.  
  42.         return $dialog.dialog('option', {
  43.                     title    : title || 'Defualt title'
  44.                 });
  45.     }
  46. })
  47. (jQuery);
  48.        
  49. function showMessage(m, t)
  50. {
  51.     t = (t)? t : 'Application Message';
  52.     return $('<div>').css({'text-align': 'left', 'padding-top': '10px'}).html(m).dialog({
  53.             modal: true,  
  54.             width: '400px',
  55.             height: 140,
  56.             title: t,
  57.             autoOpen: false,
  58.             close: function(){$(this).dialog('destroy');},
  59.             buttons: { Ok: function() { $(this).dialog("close"); } }
  60.     });
  61. };