OOUI/Windows/Simple messages

OOUI
Introduction
About the library OOjs primer
Getting started
Creating interfaces programmatically PHP examples Using OOUI in MediaWiki
Working with widgets
Elements GroupElements FlaggedElements LookupElements DraggableElements Widgets Icons, Indicators, and Labels Buttons and Switches Selects and Options Inputs Popups Progress bars Layouts Fields and Fieldsets Forms Stacks and Panels Menus Booklets and Pages Index and TabPanels Windows Simple messages Dialogs Process Dialogs Message Dialogs Window managers Toolbars Themes Other concepts
See also
Fixing scripts and gadgets

A few convenience functions exist to display a quick message or question dialog, without having to set up a MessageDialog and WindowManager and other boilerplate.

For all the dialogs some additional options, such as title, can be passed in the second parameter. If you need more flexibility, you should extend the MessageDialog class.

Alert dialog

OO.ui.alert displays a quick modal alert dialog. The dialog has only one action button, labelled "OK" to simply close the dialog. It can also be closed by pressing Esc. See complete documentation.

OO.ui.alert( 'Something happened!' ).done( function () {
    console.log( 'User closed the dialog.' );
} );

Confirmation dialog

OO.ui.confirm displays a quick modal confirmation dialog. The dialog has two action buttons, one to confirm an operation (labelled "OK") and one to cancel it (labelled "Cancel"). See complete documentation.

OO.ui.confirm( 'Are you sure?' ).done( function ( confirmed ) {
    if ( confirmed ) {
        console.log( 'User clicked "OK"!' );
    } else {
        console.log( 'User clicked "Cancel" or closed the dialog.' );
    }
} );

Prompt dialog

OO.ui.prompt display a quick prompt dialog. The dialog has a text input widget and two action buttons, one to confirm an operation (labelled "OK") and one to cancel it (labelled "Cancel"). See complete documentation.

Configuration options for the text input, such as placeholder or value can be passed in the textInput config parameter.

OO.ui.prompt( 'Choose a line to go to', { textInput: { placeholder: 'Line number' } } ).done( function ( result ) {
    if ( result !== null ) {
        console.log( 'User typed "' + result + '" then clicked "OK".' );
    } else {
        console.log( 'User clicked "Cancel" or closed the dialog.' );
    }
} );