Alert message dialog : MessageBox « Ext JS « JavaScript DHTML





Alert message dialog

  

<!--
/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
-->
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

</head>

<!-- Revised from demo code in ext3.0.0 -->
<body>
<script type="text/javascript">
/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){
    Ext.get('mb1').on('click', function(e){
        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;


    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);
    };
});
</script>
<button id="mb1">Show</button>
</body>
</html>

   
    
  










Related examples in the same category

1.Alert Dialog MessageBox
2.Ext.MessageBox.alert
3.Ext.MessageBox.wait
4.Set message dialog icon
5.Set message dialog button options
6.Set Width, title and msg for message dialog
7.Ext.MessageBox.YESNOCANCEL
8.Set ICON to Ext.MessageBox.QUESTION
9.Ext.Msg.alert
10.Single line of Ext.Msg.prompt
11.Prompt dialog with multiline
12.Ext.Msg.confirm
13.Set icon and button for Ext.Msg
14.Simplest message box
15.Prompt message dialog
16.Set title, message, width, button, handler function for MessageBox
17.Display confirm message dialog box
18.Define handler function for confirm message dialog
19.Ext.Msg.alert('asdf');