Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / message-box / msg-box.js

diff --git a/examples/message-box/msg-box.js b/examples/message-box/msg-box.js
index 590b57d..a8eb5b4 100644 (file)
--- a/examples/message-box/msg-box.js
+++ b/examples/message-box/msg-box.js
@@ -1,9 +1,8 @@
-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */
+Ext.require([
+    'Ext.window.MessageBox',
+    'Ext.tip.*'
+]);
+
 Ext.onReady(function(){
     Ext.get('mb1').on('click', function(e){
         Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);
@@ -21,7 +20,7 @@ Ext.onReady(function(){
            buttons: Ext.MessageBox.OKCANCEL,
            multiline: true,
            fn: showResultText,
-           animEl: 'mb3'
+           animateTarget: 'mb3'
        });
     });
 
@@ -31,7 +30,7 @@ Ext.onReady(function(){
            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',
+           animateTarget: 'mb4',
            icon: Ext.MessageBox.QUESTION
        });
     });
@@ -44,7 +43,7 @@ Ext.onReady(function(){
            width:300,
            progress:true,
            closable:false,
-           animEl: 'mb6'
+           animateTarget: 'mb6'
        });
 
        // this hideous block creates the bogus progress
@@ -72,7 +71,7 @@ Ext.onReady(function(){
            wait:true,
            waitConfig: {interval:200},
            icon:'ext-mb-download', //custom class in msg-box.html
-           animEl: 'mb7'
+           animateTarget: 'mb7'
        });
         setTimeout(function(){
             //This simulates a long-running operation like a database save or XHR call.
@@ -97,7 +96,7 @@ Ext.onReady(function(){
            title: 'Icon Support',
            msg: 'Here is a message with an icon!',
            buttons: Ext.MessageBox.OK,
-           animEl: 'mb9',
+           animateTarget: 'mb9',
            fn: showResult,
            icon: Ext.get('icons').dom.value
        });