Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

JS Class

By: a guest on Jun 12th, 2011  |  syntax: JavaScript  |  size: 2.78 KB  |  views: 46  |  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. var UIDialog = makeClass();
  2.  
  3. UIDialog.prototype.init = function(options) {
  4.  
  5.         var dialog = this;
  6.  
  7.         dialog.defaultOptions = {
  8.                 type: 'Error',
  9.                 content: null,
  10.                 buttons: null
  11.         }
  12.        
  13.         dialog.options = $.extend({}, dialog.defaultOptions, options);
  14.        
  15.         switch(dialog.options.type) {
  16.        
  17.                 case 'Error':
  18.                
  19.                         dialog.content  = '<h1>Advarsel</h1>';
  20.                         dialog.content += '<h2>Er du sikker på at du vil fortsætte med sletningen?</h2>';
  21.                         dialog.content += '<h3>(De slettede data vil ikke være til at gendanne)</h3>';
  22.                
  23.                         dialog.options = {
  24.                                 content: dialog.content,
  25.                                 buttons: [
  26.                                         { text: 'Annuller', type: 'Cancel' },
  27.                                         { text: 'Fortsæt', type: 'Proceed' }
  28.                                 ]
  29.                         }
  30.                
  31.                 break;
  32.        
  33.         }
  34.        
  35.         dialog.buttons = $('<div class="dialog-box-footer-buttons"></div>');
  36.        
  37.         for(var index = 0; index < dialog.options.buttons.length; index++) {
  38.        
  39.                 dialog.button  = '<div class="dialog-box-footer-button">';
  40.                 dialog.button +=     '<div>' + dialog.options.buttons[index].text + '</div>';
  41.                 dialog.button += '</div>';
  42.                
  43.                 switch(dialog.options.buttons[index].type) {
  44.                
  45.                         case 'Cancel':
  46.                        
  47.                                 dialog.buttonAction = function() {
  48.                                
  49.                                         //dialog.close();
  50.                                        
  51.                                         return false;
  52.                                
  53.                                 };
  54.                        
  55.                         break;
  56.                        
  57.                         case 'Proceed':
  58.                        
  59.                                 dialog.buttonAction = function() {
  60.                                
  61.                                         //dialog.close();
  62.                                        
  63.                                         return true;
  64.                                
  65.                                 };
  66.                        
  67.                         break;
  68.                
  69.                 }
  70.                
  71.                 dialog.buttons.append($(dialog.button).click(dialog.buttonAction));
  72.        
  73.         }
  74.        
  75.         dialog.markup  = '<div class="dialog-box">';
  76.         dialog.markup +=     '<div class="dialog-box-header">';
  77.         dialog.markup +=         '<div class="dialog-box-header-left"></div>';
  78.         dialog.markup +=         '<div class="dialog-box-header-right"></div>';
  79.         dialog.markup +=         '<div class="dialog-box-header-middle"></div>';
  80.         dialog.markup +=     '</div>';
  81.         dialog.markup +=     '<div class="dialog-box-content">';
  82.         dialog.markup +=         '<div class="dialog-box-content-left">';
  83.         dialog.markup +=         '<div class="dialog-box-content-right">';
  84.         dialog.markup +=         '<div class="dialog-box-content-middle">';
  85.         dialog.markup +=             dialog.options.content;
  86.         dialog.markup +=         '</div>';
  87.         dialog.markup +=         '</div>';
  88.         dialog.markup +=         '</div>';
  89.         dialog.markup +=     '</div>';
  90.         dialog.markup +=     '<div class="dialog-box-footer">';
  91.         dialog.markup +=         '<div class="dialog-box-footer-left"></div>';
  92.         dialog.markup +=         '<div class="dialog-box-footer-right"></div>';
  93.         dialog.markup +=         '<div class="dialog-box-footer-middle"></div>';
  94.         dialog.markup +=     '</div>';
  95.         dialog.markup += '</div>';
  96.        
  97.         dialog.elements = $('#dialog-background').html(dialog.markup);
  98.         dialog.elements.find('.dialog-box-footer-middle').html(dialog.buttons);
  99.         dialog.elements.show();
  100.        
  101. };