Alert message dialog : MessageBox « Ext JS « JavaScript DHTML

Alert message dialog


 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
<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>


<!-- Revised from demo code in ext3.0.0 -->
<script type="text/javascript">
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
    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'info').dom.value = Ext.MessageBox.INFO;'question').dom.value = Ext.MessageBox.QUESTION;'warning').dom.value = Ext.MessageBox.WARNING;'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);
<button id="mb1">Show</button>


Related examples in the same category

1.Alert Dialog MessageBox
4.Set message dialog icon
5.Set message dialog button options
6.Set Width, title and msg for message dialog
8.Set ICON to Ext.MessageBox.QUESTION
10.Single line of Ext.Msg.prompt
11.Prompt dialog with multiline
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