MediaWiki:Common.js: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 19: | Line 19: | ||
// Create an OOUI button | // Create an OOUI button | ||
var | var dropDown = new OO.ui.DropdownWidget( { | ||
label: 'Dropdown menu: Select one option', | |||
// The menu is composed within the DropdownWidget | |||
menu: { | |||
items: [ | |||
new OO.ui.MenuOptionWidget( { | |||
data: 'a', | |||
label: 'First' | |||
} ), | |||
new OO.ui.MenuOptionWidget( { | |||
data: 'b', | |||
label: 'Second (disabled option)', | |||
disabled: true | |||
} ), | |||
new OO.ui.MenuOptionWidget( { | |||
data: 'c', | |||
label: 'Third' | |||
} ), | |||
new OO.ui.MenuOptionWidget( { | |||
data: 'd', | |||
label: 'The fourth option has a long label' | |||
} ), | |||
new OO.ui.MenuOptionWidget( { | |||
data: 'e', | |||
label: 'Fifth' | |||
} ) | |||
] | |||
} | |||
} ), | |||
// Trigger an event when an item in the menu is selected. | |||
itemSelected = function(){ | |||
console.log( 'item selected' ); | |||
}; | |||
// Append the button to the content area of the page | // Append the button to the content area of the page | ||
$('.genderSelect').replaceWith( | $('.genderSelect').replaceWith(dropDown.$element); | ||
}); | }); |
Revision as of 00:41, 31 January 2025
/* Any JavaScript here will be loaded for all users on every page load. */ MMtoHuman(document.getElementsByClassName("micromorts")); function MMtoHuman ( elementArray ){ for (let span of elementArray){ if (span !== null){ let chance = 1000000 / parseInt(span.textContent); let digits = Math.round(chance).toString().length; let rounded = Math.round(chance / Math.pow(10, digits - 2)) * Math.pow(10, digits - 2); span.textContent = "1 in " + rounded.toLocaleString(); } } } mw.loader.using('oojs-ui', function () { // Now OOUI is loaded and we can use it // Create an OOUI button var dropDown = new OO.ui.DropdownWidget( { label: 'Dropdown menu: Select one option', // The menu is composed within the DropdownWidget menu: { items: [ new OO.ui.MenuOptionWidget( { data: 'a', label: 'First' } ), new OO.ui.MenuOptionWidget( { data: 'b', label: 'Second (disabled option)', disabled: true } ), new OO.ui.MenuOptionWidget( { data: 'c', label: 'Third' } ), new OO.ui.MenuOptionWidget( { data: 'd', label: 'The fourth option has a long label' } ), new OO.ui.MenuOptionWidget( { data: 'e', label: 'Fifth' } ) ] } } ), // Trigger an event when an item in the menu is selected. itemSelected = function(){ console.log( 'item selected' ); }; // Append the button to the content area of the page $('.genderSelect').replaceWith(dropDown.$element); });