From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

$(function() {

	$(mw.util.addPortletLink("p-cactions", "#", "test", "ca-test", "test"));

        $('#ca-test').on('click', function(e) {

	e.preventDefault();

	// Add interface shell

	// A simple dialog window.

function MyDialog( config ) {

    MyDialog.super.call( this, config );

}

OO.inheritClass( MyDialog, OO.ui.Dialog );

MyDialog.static.name = 'myDialog';





MyDialog.prototype.initialize = function () {

    MyDialog.super.prototype.initialize.call( this );

    this.content = new OO.ui.PanelLayout( { padded: false, expanded: false } );

    var textarea = new OO.ui.MultilineTextInputWidget( {

	autosize: true,

	value: 'sdf\n\nsffgfg\ndfdfs',

	id: "message-box-foo",

	text: 'Test text'

} )

	

    this.content.$element.append( textarea.$element );

    var button = new OO.ui.ButtonInputWidget( {

    label: 'Input button',

    icon: 'check',

    value: 'check',

    id: 'testbuttonfoo',

    flags: 

		'primary',

		'destructive'

	

} );

    $( button.$element ).click(function() {alert(textarea);alert(textarea.$element);alert(textarea.value)});

    this.content.$element.append( button.$element );

    this.$body.append( this.content.$element );



};

MyDialog.prototype.getBodyHeight = function () {

    return this.content.$element.outerHeight( true );

};

var myDialog = new MyDialog();

// Create and append a window manager, which opens and closes the window.

var windowManager = new OO.ui.WindowManager();

windowManager.defaultSize = 'full'

windowManager.height = '100%'



$( document.body ).append( windowManager.$element );



windowManager.addWindows(  myDialog  );

// Open the window!

windowManager.openWindow( myDialog );

//document.getElementById("testbuttonfoo").addEventListener("click", function () {windowManager.clearWindows();console.log(document.getElementById("message-box-foo").innerText);});



})});
From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

$(function() {

	$(mw.util.addPortletLink("p-cactions", "#", "test", "ca-test", "test"));

        $('#ca-test').on('click', function(e) {

	e.preventDefault();

	// Add interface shell

	// A simple dialog window.

function MyDialog( config ) {

    MyDialog.super.call( this, config );

}

OO.inheritClass( MyDialog, OO.ui.Dialog );

MyDialog.static.name = 'myDialog';





MyDialog.prototype.initialize = function () {

    MyDialog.super.prototype.initialize.call( this );

    this.content = new OO.ui.PanelLayout( { padded: false, expanded: false } );

    var textarea = new OO.ui.MultilineTextInputWidget( {

	autosize: true,

	value: 'sdf\n\nsffgfg\ndfdfs',

	id: "message-box-foo",

	text: 'Test text'

} )

	

    this.content.$element.append( textarea.$element );

    var button = new OO.ui.ButtonInputWidget( {

    label: 'Input button',

    icon: 'check',

    value: 'check',

    id: 'testbuttonfoo',

    flags: 

		'primary',

		'destructive'

	

} );

    $( button.$element ).click(function() {alert(textarea);alert(textarea.$element);alert(textarea.value)});

    this.content.$element.append( button.$element );

    this.$body.append( this.content.$element );



};

MyDialog.prototype.getBodyHeight = function () {

    return this.content.$element.outerHeight( true );

};

var myDialog = new MyDialog();

// Create and append a window manager, which opens and closes the window.

var windowManager = new OO.ui.WindowManager();

windowManager.defaultSize = 'full'

windowManager.height = '100%'



$( document.body ).append( windowManager.$element );



windowManager.addWindows(  myDialog  );

// Open the window!

windowManager.openWindow( myDialog );

//document.getElementById("testbuttonfoo").addEventListener("click", function () {windowManager.clearWindows();console.log(document.getElementById("message-box-foo").innerText);});



})});

Videos

Youtube | Vimeo | Bing

Websites

Google | Yahoo | Bing

Encyclopedia

Google | Yahoo | Bing

Facebook