Upgrade to ExtJS 3.3.0 - Released 10/06/2010
[extjs.git] / examples / message-box / msg-box.js
index 405c1ea..36e7097 100644 (file)
 /*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.3.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
-Ext.onReady(function(){\r
-    Ext.get('mb1').on('click', function(e){\r
-        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);\r
-    });\r
-\r
-    Ext.get('mb2').on('click', function(e){\r
-        Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText);\r
-    });\r
-\r
-    Ext.get('mb3').on('click', function(e){\r
-        Ext.MessageBox.show({\r
-           title: 'Address',\r
-           msg: 'Please enter your address:',\r
-           width:300,\r
-           buttons: Ext.MessageBox.OKCANCEL,\r
-           multiline: true,\r
-           fn: showResultText,\r
-           animEl: 'mb3'\r
-       });\r
-    });\r
-\r
-    Ext.get('mb4').on('click', function(e){\r
-        Ext.MessageBox.show({\r
-           title:'Save Changes?',\r
-           msg: 'You are closing a tab that has unsaved changes. <br />Would you like to save your changes?',\r
-           buttons: Ext.MessageBox.YESNOCANCEL,\r
-           fn: showResult,\r
-           animEl: 'mb4',\r
-           icon: Ext.MessageBox.QUESTION\r
-       });\r
-    });\r
-\r
-    Ext.get('mb6').on('click', function(){\r
-        Ext.MessageBox.show({\r
-           title: 'Please wait',\r
-           msg: 'Loading items...',\r
-           progressText: 'Initializing...',\r
-           width:300,\r
-           progress:true,\r
-           closable:false,\r
-           animEl: 'mb6'\r
-       });\r
-\r
-       // this hideous block creates the bogus progress\r
-       var f = function(v){\r
-            return function(){\r
-                if(v == 12){\r
-                    Ext.MessageBox.hide();\r
-                    Ext.example.msg('Done', 'Your fake items were loaded!');\r
-                }else{\r
-                    var i = v/11;\r
-                    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');\r
-                }\r
-           };\r
-       };\r
-       for(var i = 1; i < 13; i++){\r
-           setTimeout(f(i), i*500);\r
-       }\r
-    });\r
-\r
-    Ext.get('mb7').on('click', function(){\r
-        Ext.MessageBox.show({\r
-           msg: 'Saving your data, please wait...',\r
-           progressText: 'Saving...',\r
-           width:300,\r
-           wait:true,\r
-           waitConfig: {interval:200},\r
-           icon:'ext-mb-download', //custom class in msg-box.html\r
-           animEl: 'mb7'\r
-       });\r
-        setTimeout(function(){\r
-            //This simulates a long-running operation like a database save or XHR call.\r
-            //In real code, this would be in a callback function.\r
-            Ext.MessageBox.hide();\r
-            Ext.example.msg('Done', 'Your fake data was saved!');\r
-        }, 8000);\r
-    });\r
-\r
-    Ext.get('mb8').on('click', function(){\r
-        Ext.MessageBox.alert('Status', 'Changes saved successfully.', showResult);\r
-    });\r
-\r
-    //Add these values dynamically so they aren't hard-coded in the html\r
-    Ext.fly('info').dom.value = Ext.MessageBox.INFO;\r
-    Ext.fly('question').dom.value = Ext.MessageBox.QUESTION;\r
-    Ext.fly('warning').dom.value = Ext.MessageBox.WARNING;\r
-    Ext.fly('error').dom.value = Ext.MessageBox.ERROR;\r
-\r
-    Ext.get('mb9').on('click', function(){\r
-        Ext.MessageBox.show({\r
-           title: 'Icon Support',\r
-           msg: 'Here is a message with an icon!',\r
-           buttons: Ext.MessageBox.OK,\r
-           animEl: 'mb9',\r
-           fn: showResult,\r
-           icon: Ext.get('icons').dom.value\r
-       });\r
-    });\r
-\r
-    function showResult(btn){\r
-        Ext.example.msg('Button Click', 'You clicked the {0} button', btn);\r
-    };\r
-\r
-    function showResultText(btn, text){\r
-        Ext.example.msg('Button Click', 'You clicked the {0} button and entered the text "{1}".', btn, text);\r
-    };\r
+Ext.onReady(function(){
+    Ext.get('mb1').on('click', function(e){
+        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);
+    });
+
+    Ext.get('mb2').on('click', function(e){
+        Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText);
+    });
+
+    Ext.get('mb3').on('click', function(e){
+        Ext.MessageBox.show({
+           title: 'Address',
+           msg: 'Please enter your address:',
+           width:300,
+           buttons: Ext.MessageBox.OKCANCEL,
+           multiline: true,
+           fn: showResultText,
+           animEl: 'mb3'
+       });
+    });
+
+    Ext.get('mb4').on('click', function(e){
+        Ext.MessageBox.show({
+           title:'Save Changes?',
+           msg: 'You are closing a tab that has unsaved changes. <br />Would you like to save your changes?',
+           buttons: Ext.MessageBox.YESNOCANCEL,
+           fn: showResult,
+           animEl: 'mb4',
+           icon: Ext.MessageBox.QUESTION
+       });
+    });
+
+    Ext.get('mb6').on('click', function(){
+        Ext.MessageBox.show({
+           title: 'Please wait',
+           msg: 'Loading items...',
+           progressText: 'Initializing...',
+           width:300,
+           progress:true,
+           closable:false,
+           animEl: 'mb6'
+       });
+
+       // this hideous block creates the bogus progress
+       var f = function(v){
+            return function(){
+                if(v == 12){
+                    Ext.MessageBox.hide();
+                    Ext.example.msg('Done', 'Your fake items were loaded!');
+                }else{
+                    var i = v/11;
+                    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
+                }
+           };
+       };
+       for(var i = 1; i < 13; i++){
+           setTimeout(f(i), i*500);
+       }
+    });
+
+    Ext.get('mb7').on('click', function(){
+        Ext.MessageBox.show({
+           msg: 'Saving your data, please wait...',
+           progressText: 'Saving...',
+           width:300,
+           wait:true,
+           waitConfig: {interval:200},
+           icon:'ext-mb-download', //custom class in msg-box.html
+           animEl: 'mb7'
+       });
+        setTimeout(function(){
+            //This simulates a long-running operation like a database save or XHR call.
+            //In real code, this would be in a callback function.
+            Ext.MessageBox.hide();
+            Ext.example.msg('Done', 'Your fake data was saved!');
+        }, 8000);
+    });
+
+    Ext.get('mb8').on('click', function(){
+        Ext.MessageBox.alert('Status', 'Changes saved successfully.', showResult);
+    });
+
+    //Add these values dynamically so they aren't hard-coded in the html
+    Ext.fly('info').dom.value = Ext.MessageBox.INFO;
+    Ext.fly('question').dom.value = Ext.MessageBox.QUESTION;
+    Ext.fly('warning').dom.value = Ext.MessageBox.WARNING;
+    Ext.fly('error').dom.value = Ext.MessageBox.ERROR;
+
+    Ext.get('mb9').on('click', function(){
+        Ext.MessageBox.show({
+           title: 'Icon Support',
+           msg: 'Here is a message with an icon!',
+           buttons: Ext.MessageBox.OK,
+           animEl: 'mb9',
+           fn: showResult,
+           icon: Ext.get('icons').dom.value
+       });
+    });
+
+    function showResult(btn){
+        Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
+    };
+
+    function showResultText(btn, text){
+        Ext.example.msg('Button Click', 'You clicked the {0} button and entered the text "{1}".', btn, text);
+    };
 });
\ No newline at end of file