CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>ResourceLoader/Core modules - MediaWiki</title> <script>(function(){var className="client-js vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )mediawikiwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"9437fe27-062e-4bd9-b41c-de4c89138d8d","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"ResourceLoader/Core_modules","wgTitle":"ResourceLoader/Core modules","wgCurRevisionId":6860134,"wgRevisionId":6860134,"wgArticleId":52788,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Languages pages","ResourceLoader","JavaScript"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"ResourceLoader/Core_modules","wgRelevantArticleId":52788,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"mediawiki","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true, "wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":50000,"wgInternalRedirectTargetUrl":"/wiki/ResourceLoader/Core_modules","wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"personal","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q115519963","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]}; RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.tablesorter.styles":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.pt":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","ext.pygments.view","site","mediawiki.page.ready","jquery.tablesorter","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.urlShortener.toolbar", "ext.centralauth.centralautologin","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","wikibase.client.vector-2022","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.discussionTools.init.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cjquery.tablesorter.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:site_name" content="MediaWiki"> <meta property="og:title" content="ResourceLoader/Core modules - MediaWiki"> <meta property="og:type" content="website"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//m.mediawiki.org/wiki/ResourceLoader/Core_modules"> <link rel="alternate" type="application/x-wiki" title="Edit" href="/w/index.php?title=ResourceLoader/Core_modules&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/mediawiki.png"> <link rel="icon" href="/static/favicon/mediawiki.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="MediaWiki (en)"> <link rel="EditURI" type="application/rsd+xml" href="//www.mediawiki.org/w/api.php?action=rsd"> <link rel="canonical" href="https://www.mediawiki.org/wiki/ResourceLoader/Core_modules"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> <link rel="alternate" type="application/atom+xml" title="MediaWiki Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-ResourceLoader_Core_modules rootpage-ResourceLoader skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Main menu </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/MediaWiki" title="Visit the main page [z]" accesskey="z">Main page</a></li><li id="n-mw-download" class="mw-list-item"><a href="/wiki/Download">Get MediaWiki</a></li><li id="n-mw-extensions" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Category:Extensions">Get extensions</a></li><li id="n-blog-text" class="mw-list-item"><a href="https://techblog.wikimedia.org/">Tech blog</a></li><li id="n-mw-contribute" class="mw-list-item"><a href="/wiki/Special:MyLanguage/How_to_contribute">Contribute</a></li> </ul> </div> </div> <div id="p-support" class="vector-menu mw-portlet mw-portlet-support" > <div class="vector-menu-heading"> Support </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Help:Contents" title="The place to find out">User help</a></li><li id="n-mw-faq" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Manual:FAQ">FAQ</a></li><li id="n-mw-manual" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Manual:Contents">Technical manual</a></li><li id="n-mw-supportdesk" class="mw-list-item"><a href="/wiki/Project:Support_desk">Support desk</a></li><li id="n-mw-communication" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Communication">Communication</a></li> </ul> </div> </div> <div id="p-development" class="vector-menu mw-portlet mw-portlet-development" > <div class="vector-menu-heading"> Development </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mw-developerportal" class="mw-list-item"><a href="https://developer.wikimedia.org/">Developer portal</a></li><li id="n-svn-statistics" class="mw-list-item"><a href="/wiki/Development_statistics">Code statistics</a></li> </ul> </div> </div> <div id="p-mediawiki.org" class="vector-menu mw-portlet mw-portlet-mediawiki_org" > <div class="vector-menu-heading"> mediawiki.org </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="/wiki/Project:Help" title="About the project, what you can do, where to find things">Community portal</a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li><li id="n-mw-translate" class="mw-list-item"><a href="/wiki/Special:LanguageStats">Translate content</a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Load a random page [x]" accesskey="x">Random page</a></li><li id="n-mw-discussion" class="mw-list-item"><a href="/wiki/Project:Village_Pump">Village pump</a></li><li id="n-Sandboxlink-portlet-label" class="mw-list-item"><a href="/wiki/Project:Sandbox">Sandbox</a></li> </ul> </div> </div> <div id="p-lang" class="vector-menu mw-portlet mw-portlet-lang" > <div class="vector-menu-heading"> In other languages </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q115519963#sitelinks-wikipedia" title="Add interlanguage links" class="wbc-editpage">Add links</a></div> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/MediaWiki" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/mediawikiwiki.svg" alt="" aria-hidden="true" height="50" width="50"> <img class="mw-logo-wordmark" alt="MediaWiki" src="/static/images/mobile/copyright/mediawikiwiki-wordmark.svg" style="width: 7.5em; height: 1.125em;"> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search MediaWiki [f]" accesskey="f"> Search </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search MediaWiki" aria-label="Search MediaWiki" autocapitalize="sentences" title="Search MediaWiki [f]" accesskey="f" id="searchInput" > </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-uls" class="mw-list-item active user-links-collapsible-item"><a data-mw="interface" href="#" class="uls-trigger cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet"> English</a> </li> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Appearance </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=www.mediawiki.org&uselang=en" class="">Donate</a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=ResourceLoader%2FCore+modules" title="You are encouraged to create an account and log in; however, it is not mandatory" class="">Create account</a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=ResourceLoader%2FCore+modules" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" class="">Log in</a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Personal tools </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=www.mediawiki.org&uselang=en">Donate</a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=ResourceLoader%2FCore+modules" title="You are encouraged to create an account and log in; however, it is not mandatory"> Create account</a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=ResourceLoader%2FCore+modules" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"> Log in</a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing">learn more</a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y">Contributions</a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n">Talk</a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Beginning</div> </a> </li> <li id="toc-mediawiki" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki"> <div class="vector-toc-text"> 1 mediawiki </div> </a> <button aria-controls="toc-mediawiki-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle mediawiki subsection </button> <ul id="toc-mediawiki-sublist" class="vector-toc-list"> <li id="toc-mw.config" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.config"> <div class="vector-toc-text"> 1.1 mw.config </div> </a> <ul id="toc-mw.config-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.hook" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.hook"> <div class="vector-toc-text"> 1.2 mw.hook </div> </a> <ul id="toc-mw.hook-sublist" class="vector-toc-list"> <li id="toc-hook_execution_order" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#hook_execution_order"> <div class="vector-toc-text"> 1.2.1 hook execution order </div> </a> <ul id="toc-hook_execution_order-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-mw.html" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.html"> <div class="vector-toc-text"> 1.3 mw.html </div> </a> <ul id="toc-mw.html-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.inspect" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.inspect"> <div class="vector-toc-text"> 1.4 mw.inspect </div> </a> <ul id="toc-mw.inspect-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.log" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.log"> <div class="vector-toc-text"> 1.5 mw.log </div> </a> <ul id="toc-mw.log-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.message" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.message"> <div class="vector-toc-text"> 1.6 mw.message </div> </a> <ul id="toc-mw.message-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.now" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.now"> <div class="vector-toc-text"> 1.7 mw.now </div> </a> <ul id="toc-mw.now-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.track" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.track"> <div class="vector-toc-text"> 1.8 mw.track </div> </a> <ul id="toc-mw.track-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.notify" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.notify"> <div class="vector-toc-text"> 1.9 mw.notify </div> </a> <ul id="toc-mw.notify-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-mw.loader" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mw.loader"> <div class="vector-toc-text"> 2 mw.loader </div> </a> <button aria-controls="toc-mw.loader-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle mw.loader subsection </button> <ul id="toc-mw.loader-sublist" class="vector-toc-list"> <li id="toc-mw.loader.load" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.loader.load"> <div class="vector-toc-text"> 2.1 mw.loader.load </div> </a> <ul id="toc-mw.loader.load-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.loader.using" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.loader.using"> <div class="vector-toc-text"> 2.2 mw.loader.using </div> </a> <ul id="toc-mw.loader.using-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.loader.getScript" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.loader.getScript"> <div class="vector-toc-text"> 2.3 mw.loader.getScript </div> </a> <ul id="toc-mw.loader.getScript-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-mediawiki.user" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.user"> <div class="vector-toc-text"> 3 mediawiki.user </div> </a> <button aria-controls="toc-mediawiki.user-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle mediawiki.user subsection </button> <ul id="toc-mediawiki.user-sublist" class="vector-toc-list"> <li id="toc-mw.user.clientPrefs" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.user.clientPrefs"> <div class="vector-toc-text"> 3.1 mw.user.clientPrefs </div> </a> <ul id="toc-mw.user.clientPrefs-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-user.options" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#user.options"> <div class="vector-toc-text"> 4 user.options </div> </a> <button aria-controls="toc-user.options-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle user.options subsection </button> <ul id="toc-user.options-sublist" class="vector-toc-list"> <li id="toc-mw.user.options" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.user.options"> <div class="vector-toc-text"> 4.1 mw.user.options </div> </a> <ul id="toc-mw.user.options-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.user.tokens" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#mw.user.tokens"> <div class="vector-toc-text"> 4.2 mw.user.tokens </div> </a> <ul id="toc-mw.user.tokens-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-mediawiki.api" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.api"> <div class="vector-toc-text"> 5 mediawiki.api </div> </a> <ul id="toc-mediawiki.api-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.cookie" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.cookie"> <div class="vector-toc-text"> 6 mediawiki.cookie </div> </a> <ul id="toc-mediawiki.cookie-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.errorLogger" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.errorLogger"> <div class="vector-toc-text"> 7 mediawiki.errorLogger </div> </a> <ul id="toc-mediawiki.errorLogger-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.feedback" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.feedback"> <div class="vector-toc-text"> 8 mediawiki.feedback </div> </a> <ul id="toc-mediawiki.feedback-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.ForeignApi" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mw.ForeignApi"> <div class="vector-toc-text"> 9 mw.ForeignApi </div> </a> <ul id="toc-mw.ForeignApi-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.ForeignRest" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mw.ForeignRest"> <div class="vector-toc-text"> 10 mw.ForeignRest </div> </a> <ul id="toc-mw.ForeignRest-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mw.ForeignUpload" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mw.ForeignUpload"> <div class="vector-toc-text"> 11 mw.ForeignUpload </div> </a> <ul id="toc-mw.ForeignUpload-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.jqueryMsg" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.jqueryMsg"> <div class="vector-toc-text"> 12 mediawiki.jqueryMsg </div> </a> <ul id="toc-mediawiki.jqueryMsg-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.router" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.router"> <div class="vector-toc-text"> 13 mediawiki.router </div> </a> <ul id="toc-mediawiki.router-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.storage" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.storage"> <div class="vector-toc-text"> 14 mediawiki.storage </div> </a> <ul id="toc-mediawiki.storage-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.ui" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.ui"> <div class="vector-toc-text"> 15 mediawiki.ui </div> </a> <ul id="toc-mediawiki.ui-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.widgets" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.widgets"> <div class="vector-toc-text"> 16 mediawiki.widgets </div> </a> <ul id="toc-mediawiki.widgets-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.util" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.util"> <div class="vector-toc-text"> 17 mediawiki.util </div> </a> <button aria-controls="toc-mediawiki.util-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle mediawiki.util subsection </button> <ul id="toc-mediawiki.util-sublist" class="vector-toc-list"> <li id="toc-addCSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#addCSS"> <div class="vector-toc-text"> 17.1 addCSS </div> </a> <ul id="toc-addCSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-addPortlet" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#addPortlet"> <div class="vector-toc-text"> 17.2 addPortlet </div> </a> <ul id="toc-addPortlet-sublist" class="vector-toc-list"> <li id="toc-Styling_portlets" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Styling_portlets"> <div class="vector-toc-text"> 17.2.1 Styling portlets </div> </a> <ul id="toc-Styling_portlets-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Appending_portlets_in_different_locations" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Appending_portlets_in_different_locations"> <div class="vector-toc-text"> 17.2.2 Appending portlets in different locations </div> </a> <ul id="toc-Appending_portlets_in_different_locations-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Dropdowns_(Vector-only)" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Dropdowns_(Vector-only)"> <div class="vector-toc-text"> 17.2.3 Dropdowns (Vector-only) </div> </a> <ul id="toc-Dropdowns_(Vector-only)-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-addPortletLink" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#addPortletLink"> <div class="vector-toc-text"> 17.3 addPortletLink </div> </a> <ul id="toc-addPortletLink-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-hidePortlet" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#hidePortlet"> <div class="vector-toc-text"> 17.4 hidePortlet </div> </a> <ul id="toc-hidePortlet-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-addSubtitle" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#addSubtitle"> <div class="vector-toc-text"> 17.5 addSubtitle </div> </a> <ul id="toc-addSubtitle-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-clearSubtitle" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#clearSubtitle"> <div class="vector-toc-text"> 17.6 clearSubtitle </div> </a> <ul id="toc-clearSubtitle-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-$content" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#$content"> <div class="vector-toc-text"> 17.7 $content </div> </a> <ul id="toc-$content-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-getParamValue" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#getParamValue"> <div class="vector-toc-text"> 17.8 getParamValue </div> </a> <ul id="toc-getParamValue-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-isIPv4Address" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#isIPv4Address"> <div class="vector-toc-text"> 17.9 isIPv4Address </div> </a> <ul id="toc-isIPv4Address-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-messageBox" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#messageBox"> <div class="vector-toc-text"> 17.10 messageBox </div> </a> <ul id="toc-messageBox-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-isIPv6Address" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#isIPv6Address"> <div class="vector-toc-text"> 17.11 isIPv6Address </div> </a> <ul id="toc-isIPv6Address-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-rawurlencode" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#rawurlencode"> <div class="vector-toc-text"> 17.12 rawurlencode </div> </a> <ul id="toc-rawurlencode-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-wikiScript" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#wikiScript"> <div class="vector-toc-text"> 17.13 wikiScript </div> </a> <ul id="toc-wikiScript-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-mediawiki.RegExp" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.RegExp"> <div class="vector-toc-text"> 18 mediawiki.RegExp </div> </a> <ul id="toc-mediawiki.RegExp-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.Title" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.Title"> <div class="vector-toc-text"> 19 mediawiki.Title </div> </a> <ul id="toc-mediawiki.Title-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-mediawiki.Uri" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#mediawiki.Uri"> <div class="vector-toc-text"> 20 mediawiki.Uri </div> </a> <ul id="toc-mediawiki.Uri-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-moment" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#moment"> <div class="vector-toc-text"> 21 moment </div> </a> <ul id="toc-moment-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-oojs" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#oojs"> <div class="vector-toc-text"> 22 oojs </div> </a> <ul id="toc-oojs-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-oojs-ui" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#oojs-ui"> <div class="vector-toc-text"> 23 oojs-ui </div> </a> <ul id="toc-oojs-ui-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery"> <div class="vector-toc-text"> 24 jquery </div> </a> <ul id="toc-jquery-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.chosen" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.chosen"> <div class="vector-toc-text"> 25 jquery.chosen </div> </a> <ul id="toc-jquery.chosen-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.client" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.client"> <div class="vector-toc-text"> 26 jquery.client </div> </a> <button aria-controls="toc-jquery.client-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle jquery.client subsection </button> <ul id="toc-jquery.client-sublist" class="vector-toc-list"> <li id="toc-jQuery.client.profile" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#jQuery.client.profile"> <div class="vector-toc-text"> 26.1 jQuery.client.profile </div> </a> <ul id="toc-jQuery.client.profile-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-jquery.color" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.color"> <div class="vector-toc-text"> 27 jquery.color </div> </a> <ul id="toc-jquery.color-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.cookie" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.cookie"> <div class="vector-toc-text"> 28 jquery.cookie </div> </a> <ul id="toc-jquery.cookie-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.i18n" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.i18n"> <div class="vector-toc-text"> 29 jquery.i18n </div> </a> <ul id="toc-jquery.i18n-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.makeCollapsible" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.makeCollapsible"> <div class="vector-toc-text"> 30 jquery.makeCollapsible </div> </a> <ul id="toc-jquery.makeCollapsible-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.suggestions" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.suggestions"> <div class="vector-toc-text"> 31 jquery.suggestions </div> </a> <ul id="toc-jquery.suggestions-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.spinner" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.spinner"> <div class="vector-toc-text"> 32 jquery.spinner </div> </a> <ul id="toc-jquery.spinner-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.tabIndex" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.tabIndex"> <div class="vector-toc-text"> 33 jquery.tabIndex </div> </a> <ul id="toc-jquery.tabIndex-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.tablesorter" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.tablesorter"> <div class="vector-toc-text"> 34 jquery.tablesorter </div> </a> <ul id="toc-jquery.tablesorter-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.textSelection" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.textSelection"> <div class="vector-toc-text"> 35 jquery.textSelection </div> </a> <ul id="toc-jquery.textSelection-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.tipsy" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.tipsy"> <div class="vector-toc-text"> 36 jquery.tipsy </div> </a> <ul id="toc-jquery.tipsy-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-jquery.ui" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#jquery.ui"> <div class="vector-toc-text"> 37 jquery.ui </div> </a> <ul id="toc-jquery.ui-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-site" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#site"> <div class="vector-toc-text"> 38 site </div> </a> <ul id="toc-site-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-user" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#user"> <div class="vector-toc-text"> 39 user </div> </a> <ul id="toc-user-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> 40 See also </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Toggle the table of contents </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading">ResourceLoader/Core modules</h1> <div class="mw-indicators"> <div id="mw-indicator-tpl-shortcut" class="mw-indicator"><div class="mw-parser-output"><div class="mw-parser-output"><style data-mw-deduplicate="TemplateStyles:r6605561">.mw-parser-output .tpl-badge{background-color:var(--background-color-progressive-subtle,#eaf3ff);color:var(--color-base,#202122);border-radius:10px;display:inline-block;font-size:90%;padding:5px 8px}</style><div class="tpl-badge">shortcuts: <a href="/wiki/RL/CM" class="mw-redirect" title="RL/CM">RL/CM</a>  <a href="/wiki/RL/DM" class="mw-redirect" title="RL/DM">RL/DM</a></div></div></div></div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/ResourceLoader/Core_modules" title="View the content page [c]" accesskey="c">Page</a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:ResourceLoader/Core_modules" rel="discussion" title="Discussion about the content page [t]" accesskey="t">Discussion</a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" >English </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/ResourceLoader/Core_modules">Read</a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit" title="Edit the source code of this page [e]" accesskey="e">Edit</a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&action=history" title="Past revisions of this page [h]" accesskey="h">View history</a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" >Tools </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/ResourceLoader/Core_modules">Read</a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit" title="Edit the source code of this page [e]" accesskey="e">Edit</a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&action=history">View history</a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/ResourceLoader/Core_modules" title="A list of all wiki pages that link here [j]" accesskey="j">What links here</a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/ResourceLoader/Core_modules" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard" title="Upload files [u]" accesskey="u">Upload file</a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q">Special pages</a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&oldid=6860134" title="Permanent link to this revision of this page">Permanent link</a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&action=info" title="More information about this page">Page information</a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&page=ResourceLoader%2FCore_modules&id=6860134&wpFormIdentifier=titleform" title="Information on how to cite this page">Cite this page</a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fwww.mediawiki.org%2Fwiki%2FResourceLoader%2FCore_modules">Get shortened URL</a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fwww.mediawiki.org%2Fwiki%2FResourceLoader%2FCore_modules">Download QR code</a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Special:Book&bookcmd=book_creator&referer=ResourceLoader%2FCore+modules">Create a book</a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=ResourceLoader%2FCore_modules&action=show-download-screen">Download as PDF</a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=ResourceLoader/Core_modules&printable=yes" title="Printable version of this page [p]" accesskey="p">Printable version</a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q115519963" title="Link to connected data repository item [g]" accesskey="g">Wikidata item</a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div id="siteSub" class="noprint">From mediawiki.org</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div class="subpages">< <bdi dir="ltr"><a href="/wiki/ResourceLoader" title="ResourceLoader">ResourceLoader</a></bdi></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><style data-mw-deduplicate="TemplateStyles:r6651103">.mw-parser-output .nmbox{background:#f8f9fa;border:1px solid #AAA;box-sizing:border-box;margin:2px 0;padding:0}.mw-parser-output .nmbox *{box-sizing:border-box}.mw-parser-output .nmbox-header{background:#eaecf0;padding:4px 0.5em;font-weight:bold;text-align:center;white-space:nowrap}.mw-parser-output .nmbox .mbox-image{display:inline-block;padding-right:1em}.mw-parser-output .nmbox-text{border-top:1px solid #AAA;width:100%;padding:4px 0.5em}@media screen and (min-width:768px){.mw-parser-output .nmbox-header{display:table-cell;border-right:1px solid #AAA;width:1%}.mw-parser-output .nmbox-text{border-top:none;display:table-cell}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .nmbox-header,html.skin-theme-clientpref-night .mw-parser-output .nmbox{background:transparent;color:inherit}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .nmbox-header,html.skin-theme-clientpref-os .mw-parser-output .nmbox{background:transparent;color:inherit}}</style> <div class="nmbox noprint mw-content-ltr"><div class="nmbox-header"><a href="/wiki/Special:MyLanguage/Project:Language_policy" title="Special:MyLanguage/Project:Language policy">Languages:</a><a href="/wiki/Project:Language_policy" title="Project:Language policy"> </a> </div> <div class="nmbox-text mbox-text"><a class="mw-selflink selflink">English</a> • <bdi lang="ja"><a class="external text" href="https://www.mediawiki.org/wiki/ResourceLoader/Core_modules/ja">日本語</a></bdi> • <bdi lang="zh"><a class="external text" href="https://www.mediawiki.org/wiki/ResourceLoader/Core_modules/zh">中文</a></bdi></div> </div><style data-mw-deduplicate="TemplateStyles:r6605224">.mw-parser-output .tpl-sidebar{background-color:var(--background-color-interactive-subtle,#f8f9fa);border:1px solid var(--border-color-divider,#a2a9b1);color:var(--color-base,#202122);width:22em;padding:.2em;text-align:center;line-height:1.4em;font-size:88%}.mw-parser-output .tpl-sidebar-pagedir-ltr,.mw-parser-output .tpl-sidebar.tpl-sidebar-floatright{float:right;clear:right;margin:.5em 0 1em 1em}.mw-parser-output .tpl-sidebar-pagedir-rtl,.mw-parser-output .tpl-sidebar.tpl-sidebar-floatleft{float:left;clear:left;margin:.5em 1em 1em 0}.mw-parser-output .tpl-sidebar.tpl-sidebar-floatnone{float:none;clear:both;margin:.5em 0 1em 1em}.mw-parser-output .tpl-sidebar>caption{padding-bottom:.2em;font-size:125%;line-height:1.2em;font-weight:bold}.mw-parser-output .tpl-sidebar>tbody>tr>th,.mw-parser-output .tpl-sidebar>tbody>tr>td{padding:0}.mw-parser-output .tpl-sidebar .tpl-sidebar-topimage>td{padding:.4em 0}.mw-parser-output .tpl-sidebar-imagecaption{padding-top:.2em;line-height:1.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-pretitle>td{padding-top:.4em;line-height:1.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-topimage+.tpl-sidebar-pretitle>td{padding-top:.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-title>th{padding:.2em .4em .2em;font-size:145%;line-height:1.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-pretitle+.tpl-sidebar-title>th{padding-top:0}.mw-parser-output .tpl-sidebar .tpl-sidebar-image>td{padding:.2em 0 .4em}.mw-parser-output .tpl-sidebar .tpl-sidebar-abovebelow>td{padding:.3em .4em;font-weight:bold}.mw-parser-output .tpl-sidebar .tpl-sidebar-heading>th{padding-top:.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-image~.tpl-sidebar-heading-first>th{padding-top:.4em}.mw-parser-output .tpl-sidebar .tpl-sidebar-content>td{padding-bottom:.2em}.mw-parser-output .tpl-sidebar :not(.tpl-sidebar-heading)+.tpl-sidebar-content-first>td{padding-top:.2em}.mw-parser-output .tpl-sidebar-navbar>td{font-size:115%}.mw-parser-output .tpl-sidebar-pagedir-ltr .tpl-sidebar-navbar>td{text-align:right}.mw-parser-output .tpl-sidebar-pagedir-rtl .tpl-sidebar-navbar>td{text-align:left}</style><table class="vertical-navbox tpl-sidebar tpl-sidebar-pagedir-ltr nowraplinks" role="navigation" style="width:22em; border-spacing: 0.4em 0; margin-top: 0.5em; width: auto; text-align: left; font-size: 100%;"><tbody><tr class="tpl-sidebar-title"> <th class="" style="text-align: center; font-size: 100%;"><a href="/wiki/Special:MyLanguage/ResourceLoader" title="Special:MyLanguage/ResourceLoader">ResourceLoader</a></th> </tr><tr class="tpl-sidebar-heading tpl-sidebar-heading-first"> <th class="" style="font-weight: normal;;">Reference</th> </tr><tr class="tpl-sidebar-content tpl-sidebar-content-first"> <td class="" style=";"> <ul><li><a href="/wiki/Special:MyLanguage/ResourceLoader/Architecture" title="Special:MyLanguage/ResourceLoader/Architecture">Architecture</a><a href="/wiki/ResourceLoader/Architecture" title="ResourceLoader/Architecture"> </a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/Vocabulary" title="Special:MyLanguage/ResourceLoader/Vocabulary">Vocabulary</a><a href="/wiki/ResourceLoader/Vocabulary" title="ResourceLoader/Vocabulary"> </a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/Core_modules" title="Special:MyLanguage/ResourceLoader/Core modules">Core modules</a><a class="mw-selflink selflink"> </a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/Presentations" title="Special:MyLanguage/ResourceLoader/Presentations">Tech talks (videos, slides)</a><a href="/wiki/ResourceLoader/Presentations" title="ResourceLoader/Presentations"> </a></li></ul></td> </tr><tr class="tpl-sidebar-heading"> <th class="" style="font-weight: normal;;">Tutorials</th> </tr><tr class="tpl-sidebar-content"> <td class="" style=";"> <ul><li><a href="/wiki/Special:MyLanguage/ResourceLoader/Developing_with_ResourceLoader" title="Special:MyLanguage/ResourceLoader/Developing with ResourceLoader">Getting started</a><a href="/wiki/ResourceLoader/Developing_with_ResourceLoader" title="ResourceLoader/Developing with ResourceLoader"> </a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/Package_files" title="Special:MyLanguage/ResourceLoader/Package files">Using package files</a><a href="/wiki/ResourceLoader/Package_files" title="ResourceLoader/Package files"> </a></li> <li><a href="/wiki/ResourceLoader/Foreign_resources" title="ResourceLoader/Foreign resources">Foreign resources</a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/ES6" title="Special:MyLanguage/ResourceLoader/ES6">Using ES6</a><a href="/wiki/ResourceLoader/ES6" title="ResourceLoader/ES6"> </a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/Migration_guide_(users)" title="Special:MyLanguage/ResourceLoader/Migration guide (users)">Migrating user scripts</a><a href="/wiki/ResourceLoader/Migration_guide_(users)" title="ResourceLoader/Migration guide (users)"> </a></li> <li><a href="/wiki/Special:MyLanguage/ResourceLoader/Migration_guide_for_extension_developers" title="Special:MyLanguage/ResourceLoader/Migration guide for extension developers">Migrating extensions</a><a href="/wiki/ResourceLoader/Migration_guide_for_extension_developers" title="ResourceLoader/Migration guide for extension developers"> </a></li></ul></td> </tr><tr class="tpl-sidebar-navbar"> <td style=""><style data-mw-deduplicate="TemplateStyles:r4692751">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar ul{display:inline;white-space:nowrap}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em;width:6em}</style><a href="/wiki/Template:ResourceLoader_navigation" title="Template:ResourceLoader navigation">v</a> · <a class="external text" href="https://www.mediawiki.org/wiki/Template_talk:ResourceLoader_navigation">d</a> · <a class="external text" href="https://www.mediawiki.org/w/index.php?title=Template:ResourceLoader_navigation&action=edit">e</a></td> </tr> </tbody></table> <style data-mw-deduplicate="TemplateStyles:r6353907">.mw-parser-output .hatnote{font-style:italic;padding-bottom:0.4em;margin-bottom:0.4em;border-bottom:1px solid #ccc}.mw-parser-output .hatnote.no-border{border-bottom:none}</style><div role="note" class="hatnote">See also <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/">JS documentation on doc.wikimedia.org</a></div> <style data-mw-deduplicate="TemplateStyles:r4577480">.mw-parser-output .toclimit-2 .toclevel-1 ul,.mw-parser-output .toclimit-3 .toclevel-2 ul,.mw-parser-output .toclimit-4 .toclevel-3 ul,.mw-parser-output .toclimit-5 .toclevel-4 ul,.mw-parser-output .toclimit-6 .toclevel-5 ul,.mw-parser-output .toclimit-7 .toclevel-6 ul{display:none}</style><div style="clear: right; margin-bottom: .5em; float: right; margin-left:2em; width: auto;" class="toclimit-2"><meta property="mw:PageProp/toc"/></div> This page lists modules that ship with MediaWiki core by default. It reflects the current development version of MediaWiki and may vary from the latest stable release. It does not claim to be as comprehensive and up to date as <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/">Wikimedia's JS documentation on doc.wikimedia.org</a>, but offers much additional guidance. For older modules, see the <a href="/wiki/ResourceLoader/Migration_guide_(users)" title="ResourceLoader/Migration guide (users)">Migration guide</a>. The modules <code>jquery</code> and <code>mediawiki</code> together form the base environment ("startup") and are always present. They must not be declared as dependencies. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki" data-mw-thread-id="h-mediawiki">mediawiki</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=1" title="Edit section: mediawiki">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.html">JS Documentation</a></li></ul> This is the MediaWiki base module. It initialises the <code>mw</code> global object. <div class="mw-heading mw-heading3"><h3 id="mw.config" data-mw-thread-id="h-mw.config-mediawiki">mw.config</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=2" title="Edit section: mw.config">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.html#.config">JS Documentation</a></li></ul> For a list of stable config keys to read from <code>mw.config</code>, see <a href="/wiki/Manual:Interface/JavaScript#mw.config" title="Manual:Interface/JavaScript">Manual:Interface/JavaScript</a>. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Check existence if ( mw.config.exists( 'wgGlobalGroups' ) ) { // CentralNotice has registered this variable... } // Or just a plain access for comparison. // (No need to check exists first, it falls back to null). if ( mw.config.get( 'wgPageName' ) === 'ResourceLoader' ) { // Do stuff... } // Access multiple ones for use throughout a larger code base. // Returns an array containing the variables requested. var conf = mw.config.get([ 'wgServer', 'wgPageName', 'wgCanonicalSpecialPageName', 'wgUserLanguage' ]); if ( conf.wgCanonicalSpecialPageName === 'Blankpage' ) { // Do stuff... } </pre></div> <div class="mw-heading mw-heading3"><h3 id="mw.hook" data-mw-thread-id="h-mw.hook-mediawiki">mw.hook</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=3" title="Edit section: mw.hook">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r6353907"><div role="note" class="hatnote mw-tpl-seealso">See also: <a href="/wiki/Gadget_kitchen#Running_code_on_page_load" title="Gadget kitchen">Gadget kitchen#Running code on page load</a></div> <style data-mw-deduplicate="TemplateStyles:r4199130">.mw-parser-output .mw-version{border:1px solid #72777d;font-size:80%;line-height:1.2;border-collapse:collapse}.mw-parser-output .mw-version-ltr{float:right;margin:0 0 .5em .5em;text-align:right}.mw-parser-output .mw-version-rtl{float:left;margin:0 .5em .5em 0;text-align:left}.mw-parser-output .mw-version td{padding:.1em .3em}.mw-parser-output .mw-version-versionbox{border:5px solid #00af89;text-align:center}.mw-parser-output .mw-version-versionnumber{font-weight:bold;font-size:180%}.mw-parser-output .mw-version-version .mw-version-versionbox{border-color:#c8ccd1}.mw-parser-output .mw-version.mw-version-version2 .mw-version-versionbox{border-top-color:#c8ccd1;border-right-color:#c8ccd1;border-left-color:#c8ccd1}.mw-parser-output .mw-version-version-unsupported .mw-version-versionbox{border-color:#d33}.mw-parser-output .mw-version.mw-version-version2-unsupported .mw-version-versionbox{border-top-color:#d33;border-right-color:#d33;border-left-color:#d33}.mw-parser-output .mw-version-version-legacy .mw-version-versionbox{border-color:#f93}.mw-parser-output .mw-version.mw-version-version2-legacy .mw-version-versionbox{border-top-color:#f93;border-right-color:#f93;border-left-color:#f93}.mw-parser-output .mw-version-version-stable .mw-version-versionbox,.mw-parser-output .mw-version.mw-version.mw-version-and-later .mw-version-versionbox{border-color:#00af89}.mw-parser-output .mw-version.mw-version-version2-stable .mw-version-versionbox{border-top-color:#00af89;border-right-color:#00af89;border-left-color:#00af89}.mw-parser-output .mw-version-version-future .mw-version-versionbox{border-color:#8080c0}.mw-parser-output .mw-version.mw-version-version2-future .mw-version-versionbox{border-top-color:#8080c0;border-right-color:#8080c0;border-left-color:#8080c0}.mw-parser-output .mw-version-version-alpha .mw-version-versionbox{border-style:dotted}</style> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.22</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/56762.html">r56762</a></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/Hooks.html">JS Documentation</a></li></ul> A framework for registering and firing events in JavaScript (as opposed to doing everything on document ready). For example, the snippet below provides a message once the categories on a page load: <div class="mw-highlight mw-highlight-lang-js mw-content-ltr" dir="ltr"><pre>mw.hook( 'wikipage.categories' ).add( function ( $content ) { if ( mw.config.get( 'wgCategories' ).length === 0 ) { alert( 'Please add categories to this page' ); } } ); </pre></div> In user scripts and gadgets you can fire hooks/events prefixed by "userjs.". E.g.: <div class="mw-highlight mw-highlight-lang-js mw-content-ltr" dir="ltr"><pre>function MyScriptInit() { var simpleVariable = 'done'; var objectPassed = { me: this }; mw.hook( 'userjs.myScript.postInit' ).fire( simpleVariable, objectPassed ); } //... </pre></div> Then you subscribe to this event like so: <div class="mw-highlight mw-highlight-lang-js mw-content-ltr" dir="ltr"><pre>// here we receive both variables (but we skip them too) mw.hook( 'userjs.myScript.postInit' ).add( function ( simple, objectPassed ) { //... } ); </pre></div> <div class="mw-heading mw-heading4"><h4 id="hook_execution_order" data-mw-thread-id="h-hook_execution_order-mw.hook">hook execution order</h4>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=4" title="Edit section: hook execution order">edit</a>]</div> Note that hooks are run in a sequence (and in place where they are fired). <div class="mw-highlight mw-highlight-lang-js mw-content-ltr" dir="ltr"><pre>function MyGadget() { var objectPassed = { abc: 'default' }; this.objectPassed = objectPassed; console.log( 'before hooks', objectPassed ); mw.hook( 'userjs.MyGadget.postInit' ).fire( objectPassed ); console.log( 'after hooks', objectPassed ); } mw.hook( 'userjs.MyGadget.postInit' ).add( function ( objectPassed ) { objectPassed.abc = 'changed in hook'; console.log( 'inside a hook', objectPassed ); } ); ( function() { console.log( 'before init' ); var gadget = new MyGadget(); console.log( 'after init', gadget.objectPassed ); } ) () </pre></div> Above will result in following order: <ol><li>before init</li> <li>before hooks, Object { abc: "default" }</li> <li>inside a hook, Object { abc: "changed in hook" }</li> <li>after hooks, Object { abc: "changed in hook" }</li> <li>after init, Object { abc: "changed in hook" }</li></ol> <div class="mw-heading mw-heading3"><h3 id="mw.html" data-mw-thread-id="h-mw.html-mediawiki">mw.html</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=5" title="Edit section: mw.html">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.html.html">JS Documentation</a></li></ul> Helper functions for escaping and creating strings of HTML. <div class="mw-heading mw-heading3"><h3 id="mw.inspect" data-mw-thread-id="h-mw.inspect-mediawiki">mw.inspect</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=6" title="Edit section: mw.inspect">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.32</div></td> </tr></tbody></table> Shortcut for <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mediawiki.inspect.html#.runReports">mw.inspect.runReports</a>. Shows in the console a list of all ResourceLoader modules that are loaded on this page, sorted by the total size of each module's JavaScript, CSS, etc. <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.html#.inspect">JS Documentation</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="mw.log" data-mw-thread-id="h-mw.log-mediawiki">mw.log</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=7" title="Edit section: mw.log">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.log.html">JS Documentation</a></li></ul> Collection of methods to help log messages to the console. <div class="mw-heading mw-heading3"><h3 id="mw.message" data-mw-thread-id="h-mw.message-mediawiki">mw.message</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=8" title="Edit section: mw.message">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r6353907"><div role="note" class="hatnote mw-tpl-seealso">See also: <a href="/wiki/Manual:Messages_API#Using_messages_in_JavaScript" title="Manual:Messages API">Manual:Messages API#Using messages in JavaScript</a></div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.Message.html">JS Documentation</a></li></ul> If the <code><a href="#mediawiki.jqueryMsg">mediawiki.jqueryMsg</a></code> module is loaded, the behaviour of this module changes significantly. See above link. <div class="mw-heading mw-heading3"><h3 id="mw.now" data-mw-thread-id="h-mw.now-mediawiki">mw.now</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=9" title="Edit section: mw.now">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.23</div><a href="https://gerrit.wikimedia.org/r/99547" class="extiw" title="gerrit:99547">Gerrit change 99547</a></td> </tr></tbody></table> Get the current time, measured in milliseconds since January 1, 1970 (UTC). On browsers that implement the <a href="https://developer.mozilla.org/docs/Web/API/Navigation_timing_API" class="extiw" title="devmo:Web/API/Navigation timing API">Navigation Timing API</a>, this function will produce floating-point values with microsecond precision that are guaranteed to be monotonic. On all other browsers, it will fall back to using <code>Date</code>. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>var totalTime, time = mw.now(); // some expensive code totalTime = mw.now() - time; </pre></div> <div class="mw-heading mw-heading3"><h3 id="mw.track" data-mw-thread-id="h-mw.track-mediawiki">mw.track</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=10" title="Edit section: mw.track">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.23</div><a href="https://gerrit.wikimedia.org/r/99547" class="extiw" title="gerrit:99547">Gerrit change 99547</a></td> </tr></tbody></table> Track an analytic event. This method provides a generic means for MediaWiki JavaScript code to capture state information for analysis. Each logged event specifies a string topic name that describes the kind of event that it is. Topic names consist of dot-separated path components, arranged from most general to most specific. Each path component should have a clear and well-defined purpose. Data handlers are registered via `mw.trackSubscribe`, and receive the full set of events that match their subscription, including those that fired before the handler was bound. The <a href="/wiki/Extension:WikimediaEvents" title="Extension:WikimediaEvents">WikimediaEvents</a> extension demonstrates how to add a subscriber for the "timing" and "counter" topics (<a rel="nofollow" class="external text" href="https://github.com/wikimedia/mediawiki-extensions-WikimediaEvents/blob/1e56fd3e03295bcf10078441b75dbb359709c54f/modules/all/ext.wikimediaEvents.statsd.js#L59-L77">example</a>). <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>var totalTime, time = mw.now(); // some expensive code totalTime = mw.now() - time; mw.track( 'timing.MediaWiki.foo.bar', totalTime ); </pre></div> On Wikimedia wikis, some events tracked this way are published on dashboards, and available for use by gadgets. See <a href="/wiki/Gadget_kitchen:_recording_metrics" title="Gadget kitchen: recording metrics">Gadget kitchen: recording metrics</a>. <div class="mw-heading mw-heading3"><h3 id="mw.notify" data-mw-thread-id="h-mw.notify-mediawiki">mw.notify</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=11" title="Edit section: mw.notify">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.20</div><a href="https://gerrit.wikimedia.org/r/19199" class="extiw" title="gerrit:19199">Gerrit change 19199</a></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.html#.notify">JS Documentation</a></li></ul> Creates <a href="/wiki/Bubble_notifications" title="Bubble notifications">bubble notifications</a>. Basic examples: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.notify( 'This is a notification.' ); // Send a plaintext notification mw.notify( mw.message( 'some-message' ) ); // Use an i18n message to send a notification mw.notify( $( 'This is an HTML notification.' ) ); // Send an HTML notification with a jQuery instance (a DOM node also works) mw.notify( 'Test', { title: 'Title!' } ); // Give the notification a title mw.notify( 'Test', { autoHide: false } ); // Don't automatically hide the notification mw.notify( 'Test', { tag: 'foobar' } ); // Send a notification tagged with a tag mw.notify( 'Test 2', { tag: 'foobar' } ); // This one will replace the previous 'foobar' notification. </pre></div> For available options, see <a href="/wiki/Bubble_notifications#API" title="Bubble notifications">Bubble notifications § API</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mw.loader" data-mw-thread-id="h-mw.loader">mw.loader</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=12" title="Edit section: mw.loader">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.loader.html">JS Documentation</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="mw.loader.load" data-mw-thread-id="h-mw.loader.load-mw.loader">mw.loader.load</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=13" title="Edit section: mw.loader.load">edit</a>]</div> Load one or more modules, a script or a stylesheet. To load an external script or stylesheet, the URL must start with either "<code>http://</code>", "<code>https://</code>" or "<code>//</code>" (protocol-relative), or "<code>/</code>" (local path). Provide a MIME-type as second parameter (either "<code>text/javascript</code>" or "<code>text/css</code>"). If no MIME-type is provided, the default "<code>text/javascript</code>" is assumed. <code>mw.loader</code> creates an asynchronous request, if you need to run code that depends on a module, use mw.loader.using instead (which provides a callback). If you need a callback from an external script, use <a href="#mw.loader.getScript">mw.loader.getScript</a> (or <code><a rel="nofollow" class="external text" href="https://api.jquery.com/jQuery.getScript/">jQuery.getScript</a></code>). Loader instructions represent the intent that a module by that name should be loaded. It will not load the same module a second time if it has already been loaded previously. This does not apply to scripts and stylesheets – they will be loaded each time, even if loaded previously. If a script defines <code>window.Foo</code>, you can use <code>( window.Foo !== undefined )</code> to check if that script has already been loaded. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Module by name mw.loader.load( 'oojs' ); // Multiple modules mw.loader.load( [ 'oojs', 'mediawiki.Title' ] ); // Local gadget module. These must be defined in [[MediaWiki:Gadgets-definition]]. mw.loader.load( 'ext.gadget.Navigation_popups' ); // JavaScript page mw.loader.load( 'https://www.mediawiki.org/w/index.php?title=MediaWiki:Gadget-UTCLiveClock.js&action=raw&ctype=text/javascript' ); mw.loader.load( 'https://commons.wikimedia.org/w/index.php?title=MediaWiki:Gadget-HotCat.js&action=raw&ctype=text/javascript' ); // CSS stylesheet mw.loader.load( 'https://en.wikipedia.org/w/index.php?title=User:Example/custom-foo.css&action=raw&ctype=text/css', 'text/css' ); // CSS stylesheet from wiki page using getUrl method mw.loader.load( mw.util.getUrl( 'MediaWiki:Foo.css', { action:'raw' } ) + '&ctype=text/css' , 'text/css' ); // External stylesheet mw.loader.load( 'https://wiki.example/mystyles.css', 'text/css' ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="mw.loader.using" data-mw-thread-id="h-mw.loader.using-mw.loader">mw.loader.using</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=14" title="Edit section: mw.loader.using">edit</a>]</div> Load one or more modules, and execute a function once those modules are loaded. See <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.loader.html#.using">JS Documentation</a> Since MediaWiki 1.28 the promise returned by this function is resolved with a <code>require</code> function, which can be used to access the public interface of <a href="/wiki/ResourceLoader/Package_files" title="ResourceLoader/Package files">package modules</a>. For example: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.loader.using( [ 'mediawiki.util' ], function ( require ) { var util = require( 'mediawiki.util' ); } ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="mw.loader.getScript" data-mw-thread-id="h-mw.loader.getScript-mw.loader">mw.loader.getScript</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=15" title="Edit section: mw.loader.getScript">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.33</div><a href="https://gerrit.wikimedia.org/r/487566" class="extiw" title="gerrit:487566">Gerrit change 487566</a></td> </tr></tbody></table> Load a script by URL. Returns a jQuery <a rel="nofollow" class="external text" href="https://api.jquery.com/Types/#Promise">promise object</a> which can be used to specify callbacks. Example: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.loader.getScript( 'https://example.org/x-1.0.0.js' ) .then( function () { // Script succeeded. You can use X now. }, function ( e ) { // Script failed. X is not available mw.log.error( e.message ); // => "Failed to load script" } ); </pre></div> To get a single callback from multiple promises, use <code><a rel="nofollow" class="external text" href="https://api.jquery.com/jQuery.when/">jQuery.when</a></code> or Promise.all <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>$.when( mw.loader.getScript( 'https://example.org/x-1.0.0.js' ), mw.loader.getScript( 'https://example.org/y-2.0.0.js' ) ) .then( function () { // Both script succeeded. You can use X and Y now. }, function ( e ) { // A script failed, and is not available mw.log.error( e.message ); // => "Failed to load script" } ); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.user" data-mw-thread-id="h-mediawiki.user">mediawiki.user</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=16" title="Edit section: mediawiki.user">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.user.html">JS Documentation</a></li></ul> Module that represents information about the current user. <div class="mw-heading mw-heading3"><h3 id="mw.user.clientPrefs" data-mw-thread-id="h-mw.user.clientPrefs-mediawiki.user">mw.user.clientPrefs</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=17" title="Edit section: mw.user.clientPrefs">edit</a>]</div> Available since <a href="/wiki/MediaWiki_1.41/wmf.20" title="MediaWiki 1.41/wmf.20">1.41.0-wmf.20</a> Can be used to manipulate certain classes on the HTML element such that they do not result in a flash of unstyled content. This can be utilized where you need to make render blocking changes for anonymous users. By design the only classes that can be manipulated are classes with the suffix -clientpref-[A-Za-z0-9]. This is to prevent unintended manipulation of classes as well as serving as an indicator to people viewing the HTML source of what classes are subject to manipulation.<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Returns the current value of the client preference "foo". // The value of preference corresponds with a class on the HTML element that matches the // form foo-clientpref-<value>. // For example if there is a class on the HTML element foo-clientpref-1 then get will return 1. // returns false if there is no class on the HTML element e.g. nothing matches the regular // expression /foo-clientpref-[a-zA-Z0-9]+/ mw.user.clientPrefs.get('foo'); // Returns false if no class was found on the HTML element. // If there is a class foo-clientpref-1 on the HTML element this will be replaced with // foo-clientpref-5. // Importantly: This replacement will persist across page views. mw.user.clientPrefs.set('foo', '5'); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="user.options" data-mw-thread-id="h-user.options">user.options</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=18" title="Edit section: user.options">edit</a>]</div> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/includes/resourceloader/ResourceLoaderUserOptionsModule.php" class="extiw" title="git:mediawiki/core/+/HEAD/includes/resourceloader/ResourceLoaderUserOptionsModule.php">Source code</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="mw.user.options" data-mw-thread-id="h-mw.user.options-user.options">mw.user.options</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=19" title="Edit section: mw.user.options">edit</a>]</div> Contains <a href="/wiki/Manual:$wgDefaultUserOptions" title="Manual:$wgDefaultUserOptions">the preferences of the user</a>, or the defaults when logged out. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Get a preference option and use it directly alert( 'According to your preferences, your gender is ' + mw.user.options.get( 'gender' ) ); // Get several preferences and compare them var opts = mw.user.options.get( [ 'diffonly', 'showhiddencats' ] ); if ( opts.diffonly === 0 && opts.showhiddencats === false ) { // User's preferences match } else { // User's preferences don't match } </pre></div> This module is loaded asynchronously and may depend on a separate HTTP request for the <code>user.defaults</code> module. Always declare the relevant dependencies for your module, or use <code>mw.loader.using()</code>. <div class="mw-heading mw-heading3"><h3 id="mw.user.tokens" data-mw-thread-id="h-mw.user.tokens-user.options">mw.user.tokens</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=20" title="Edit section: mw.user.tokens">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.19</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/88553.html">r88553</a></td> </tr></tbody></table> This contains an <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.Map.html">mw.Map</a> object, pre-populated with tokens for use by <a href="#mediawiki.api">#mediawiki.api</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.api" data-mw-thread-id="h-mediawiki.api">mediawiki.api</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=21" title="Edit section: mediawiki.api">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unknown mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.18.1</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/105646.html">r105646</a></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.Api.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.api/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.api/">Source code</a></li></ul> This module provides the <code>mw.Api</code> and <code>mw.Rest</code> objects. The main methods of the <code>mw.Api</code> object are <code>get()</code>, <code>post()</code>, and <code>ajax()</code>. The <code>mediawiki.api</code> module (and its plugins) return a <a rel="nofollow" class="external text" href="https://api.jquery.com/Types/#Promise"><code>Promise</code></a> – similar to <code>jQuery.ajax</code> (and its derivatives such as <code>jQuery.get</code>, <code>jQuery.post</code> and <code>jQuery.getJSON</code>). Before MediaWiki 1.32 (<a href="https://gerrit.wikimedia.org/r/434179" class="extiw" title="gerrit:434179">Gerrit change 434179</a>), the methods were part of separate modules named under <code>mediawiki.api.*</code>. These have been merged into the main module <code>mediawiki.api</code>, so you only have to depend on that module. The submodules have been deprecated with warnings. These submodules have been removed in MediaWiki 1.33. Examples of methods that are available: <ul><li><code>mw.Api#edit</code> - Edit an existing page.</li> <li><code>mw.Api#saveOptions</code> - Changes one or more user preferences.</li> <li><code>mw.Api#watch</code> - Add a given title (or titles) to the user's <a href="/wiki/Manual:Watchlist" title="Manual:Watchlist">watchlist</a>.</li></ul> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Example var api = new mw.Api(); api.watch( 'Page to watch' ); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.cookie" data-mw-thread-id="h-mediawiki.cookie">mediawiki.cookie</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=22" title="Edit section: mediawiki.cookie">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.24</div><a href="https://gerrit.wikimedia.org/r/120806" class="extiw" title="gerrit:120806">Gerrit change 120806</a></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.cookie.html">JS Documentation: mw.cookie</a></li> <li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.cookie.html#.$.cookie">JS Documentation: $.cookie (jQuery plugin)</a></li></ul> Cookie module that uses the same settings as the MediaWiki server-side configuration (except for <code>wgCookieSecure</code>). Usage example: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.cookie.set( 'myCookie', 'some-value' ); var value = mw.cookie.get( 'myCookie' ); </pre></div> This module prepends the cookie names with <code><a href="/wiki/Special:MyLanguage/Manual:$wgCookiePrefix" title="Special:MyLanguage/Manual:$wgCookiePrefix">$wgCookiePrefix</a><a href="/wiki/Manual:$wgCookiePrefix" title="Manual:$wgCookiePrefix"> </a></code> (e.g. "enwikimyCookie=some-value"). Avoid accessing the same cookie in different ways, for example via <code>mw.cookie</code> and via <code>$.cookie</code>, because you may encounter issues if doing so. See the API documentation for available options. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.errorLogger" data-mw-thread-id="h-mediawiki.errorLogger">mediawiki.errorLogger</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=23" title="Edit section: mediawiki.errorLogger">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.36</div><a href="https://gerrit.wikimedia.org/r/655435" class="extiw" title="gerrit:655435">Gerrit change 655435</a></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.errorLogger.html">JS Documentation</a></li></ul> Stub for logging Javascript errors; always loaded. Provides a method for logging caught exceptions: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>try { // ... } catch ( e ) { mw.errorLogger.logError( e, 'my-component' ); } </pre></div> Sends two kinds of <a href="#mw.track">#mw.track</a> events: <ul><li><code>error_caught</code>: this is where errors logged via <code>logError</code> go</li> <li><code>global_error</code>: uncaught exceptions reported by the browser</li></ul> By default nothing is done with these events; an <code>mw.trackSubscribe</code> handler can forward them to the appropriate logging API. See e.g. <a class="external text" href="https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikimediaEvents/+/refs/heads/master/modules/ext.wikimediaEvents/clientError.js">clientError.js</a> in <a href="/wiki/Extension:WikimediaEvents" title="Extension:WikimediaEvents">WikimediaEvents</a>, or <a href="/wiki/Extension:Sentry" title="Extension:Sentry">Sentry</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.feedback" data-mw-thread-id="h-mediawiki.feedback">mediawiki.feedback</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=24" title="Edit section: mediawiki.feedback">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.19</div></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.Feedback.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.feedback/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.feedback/">Source code</a></li></ul> User interface for collecting feedback, particularly on new features. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mw.ForeignApi" data-mw-thread-id="h-mw.ForeignApi">mw.ForeignApi</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=25" title="Edit section: mw.ForeignApi">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.26</div></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.ForeignApi.html">JS Documentation</a></li></ul> Al. <code>mediawiki.ForeignApi</code>, an extension of <code>mediawiki.api</code> specifially geared toward handling everything required to communicate with another MediaWiki wiki via cross-origin requests (CORS). See <a href="/wiki/Manual:CORS" title="Manual:CORS">Manual:CORS</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mw.ForeignRest" data-mw-thread-id="h-mw.ForeignRest">mw.ForeignRest</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=26" title="Edit section: mw.ForeignRest">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.36</div></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.ForeignRest.html">JS Documentation</a></li></ul> Extension of mw.Rest. See <a href="/wiki/Manual:CORS" title="Manual:CORS">Manual:CORS</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mw.ForeignUpload" data-mw-thread-id="h-mw.ForeignUpload">mw.ForeignUpload</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=27" title="Edit section: mw.ForeignUpload">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.ForeignUpload.html">JS Documentation</a></li></ul> Extension of mw.Upload. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.jqueryMsg" data-mw-thread-id="h-mediawiki.jqueryMsg">mediawiki.jqueryMsg</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=28" title="Edit section: mediawiki.jqueryMsg">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r6353907"><div role="note" class="hatnote mw-tpl-seealso">See also: <a href="/wiki/Manual:Messages_API#Using_messages_in_JavaScript" title="Manual:Messages API">Manual:Messages API#Using messages in JavaScript</a></div> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.jqueryMsg/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.jqueryMsg/">mediawiki.jqueryMsg</a></li></ul> This module upgrades the <code><a href="#mw.message">mw.message</a></code> parser to support basic wikitext localisation and formatting features. For example, <code>mediawiki.jqueryMsg</code> is required for <a href="/wiki/Manual:Messages_API#Notes_about_gender,_grammar,_plural" title="Manual:Messages API">plural and gender support</a>, the <a href="/wiki/Int" class="mw-redirect" title="Int">int: magic word</a> and links. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.router" data-mw-thread-id="h-mediawiki.router">mediawiki.router</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=29" title="Edit section: mediawiki.router">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.router.html">JS Documentation</a></li></ul> Register and match a set of in-page navigation routes (i.e. hash fragments). It is based on <a href="/wiki/OOjs" title="OOjs">OOjs</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.storage" data-mw-thread-id="h-mediawiki.storage">mediawiki.storage</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=30" title="Edit section: mediawiki.storage">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.storage-SafeStorage.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.storage/SafeStorage.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.storage/SafeStorage.js">mediawiki.storage</a></li></ul> Wrapper for HTML5 Web Storage (localStorage, and sessionStorage). If you are migrating from <code>$.jStorage</code>, note that <code>mw.storage.get()</code> and <code>mw.storage.set()</code> only store string values. Use <code>JSON.stringify()</code> and <code>JSON.parse()</code> or <code>parseInt</code>/<code>parseFloat</code> accordingly when setting and getting non-string values. You may also use <code>mw.storage.getObject()</code> and <code>mw.storage.setObject()</code> (<a href="https://gerrit.wikimedia.org/r/506145" class="extiw" title="gerrit:506145">Gerrit change 506145</a>) so that MediaWiki transparently interleaves a JSON serialization. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.ui" data-mw-thread-id="h-mediawiki.ui">mediawiki.ui</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=31" title="Edit section: mediawiki.ui">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.22</div></td> </tr></tbody></table> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.ui/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.ui/">mediawiki.ui</a></li></ul> (deprecated in 1.29) Please use <a href="/wiki/Codex" title="Codex">Codex</a> instead. UI module developed as part of the <a href="/wiki/Agora" class="mw-redirect" title="Agora">Agora</a> project. It defines <code>mw-ui-*</code> CSS styles. It is used in the <a href="/wiki/Special:UserLogin" title="Special:UserLogin">Login</a> and <a href="/wiki/Special:UserLogin/signup" title="Special:UserLogin/signup">Create account</a> forms and several extensions. It provides one appearance for Vector and another for the rest of the skins. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.widgets" data-mw-thread-id="h-mediawiki.widgets">mediawiki.widgets</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=32" title="Edit section: mediawiki.widgets">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.widgets.html">JS Documentation</a></li></ul> Module providing MediaWiki-specific OOUI widgets like user input widget or namespace input widget. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.util" data-mw-thread-id="h-mediawiki.util">mediawiki.util</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=33" title="Edit section: mediawiki.util">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.util.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.util/util.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.util/util.js">mediawiki.util</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="addCSS" data-mw-thread-id="h-addCSS-mediawiki.util">addCSS</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=34" title="Edit section: addCSS">edit</a>]</div> Adds a <style data-mw-deduplicate="TemplateStyles:r4673781">.mw-parser-output .nowrap,.mw-parser-output .nowrap a:before,.mw-parser-output .nowrap .selflink:before{white-space:nowrap}</style><code class="mw-highlight nowrap">‎<style></code> element to the HEAD and returns the CSSStyleSheet object. The CSSStyleSheet object can be used to disable the CSS rules at any later time and re-enable them as well. This can be done through the 'disabled' attribute. When setting this to true, the rules no longer apply. When setting to false, the rules apply again. See also <a rel="nofollow" class="external text" href="http://dev.w3.org/csswg/cssom/#css">W3 on CSSStyleSheet</a> for more info. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Add a simple stylesheet rule mw.util.addCSS( '.plainlinks { color: green; }' ); // Add a rule and set a variable to the sheet var myCssRules = mw.util.addCSS( '.plainlinks { color: green; }' ); $( '#myButton' ).click( function () { // When button is clicked, toggle the stylesheet from true to non-true (false), or from false to non-false (true) myCssRules.disabled = !myCssRules.disabled; } ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="addPortlet" data-mw-thread-id="h-addPortlet-mediawiki.util">addPortlet</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=35" title="Edit section: addPortlet">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.util.html#.addPortlet">JS documentation</a></li></ul> This function allows you to create a new portlet in the page. Only the first argument is required which is the ID of the new portlet. When only using the first argument, no portlet will be added to the page and you must insert it yourself using the return value. When only specifying the first value, you must append the portlet before using the mw.util.addPortletLink API. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>const p = mw.util.addPortlet( 'detached' ); document.body.appendChild(p); mw.util.addPortletLink( 'detached', '#', 'My test link' ); </pre></div> The second argument allows you to create a label - which is important for menus that appear in the sidebar or as dropdowns. The third parameter when used will automatically append the portlet to the page before the provoided selector. It also provides a hint to skins which will make the new portlet mimic the styling of that portlet. See the <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.util.html#.addPortlet">mw.util JS documentation</a> for more details. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// create a portlet that is appended before #p-interaction and mimics the styling of #p-interaction. mw.util.addPortlet( 'p-mytest', 'My test portlet', '#p-interaction' ); mw.util.addPortletLink( 'p-mytest', '#', 'My test link' ); </pre></div> <div class="mw-heading mw-heading4"><h4 id="Styling_portlets" data-mw-thread-id="h-Styling_portlets-addPortlet">Styling portlets</h4>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=36" title="Edit section: Styling portlets">edit</a>]</div> For many use cases, the menu may not appear styled as expected and the portlet is provided as is. In these situations you should provide your own styling. <div class="mw-heading mw-heading4"><h4 id="Appending_portlets_in_different_locations" data-mw-thread-id="h-Appending_portlets_in_different_locations-addPortlet">Appending portlets in different locations</h4>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=37" title="Edit section: Appending portlets in different locations">edit</a>]</div> Sometimes you will want to use the third parameter to mimic the styling of the portlet, but not to append before. To do this you must use the return value, and relocate it to another location. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>const p = mw.util.addPortlet( 'p-mytest', 'My test portlet', '#p-interaction' ); mw.util.addPortletLink( 'p-mytest', '#', 'My test link' ); // move portlet to end of list. if ( p ) { p.parentNode.appendChild(p); } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Dropdowns_(Vector-only)" data-mw-thread-id="h-Dropdowns_(Vector-only)-addPortlet">Dropdowns (Vector-only)</h4>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=38" title="Edit section: Dropdowns (Vector-only)">edit</a>]</div> The Vector (2022) and Vector legacy (2010) skins support adding portlets as dropdown menus in the tab bar. This is implemented by trapping requests to create a portlet with the selector <code>#p-cactions</code> in the before argument and mimicking the style the skin uses for its own dropdown menus. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// create a dropdown menu in Vector legacy and Vector mw.util.addPortlet('p-mytest', 'My test dropdown', '#p-cactions'); mw.util.addPortletLink('p-mytest', '#', 'My test link'); </pre></div> In Monobook this will instead create a regular portlet in the left sidebar. In Timeless it will create one in the right sidebar. In Minerva it is essentially a noop. Appending this portlet and moving it to mimick the dropdown style works in Vector legacy (2010), but will not work in Vector (2022) because the skin wraps it in additional markup (your portlet exists inside a dropdown menu the skin created for you, but it is not itself a dropdown menu). So in order to move it elsewhere, for example to get a dropdown next to the main page tabs on the left, you will have to find the DOM node representing the actual dropdown and move that. This is not recommended because it relies on the skin's internal implementation (markup structure and styling) so it will break when the implementation changes, but if you need this you can currently do something like this: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// create a dropdown menu in Vector legacy and Vector const p = mw.util.addPortlet('p-mytest', 'My test dropdown', '#p-cactions'); mw.util.addPortletLink('p-mytest', '#', 'My test link'); if (mw.config.get("skin") === "vector-2022") { // rely on Vector using the ID you provided for the portlet and // appending "-dropdown" to it as the ID for the actual dropdown. $('#p-mytest' + '-dropdown').appendTo("#left-navigation"); } else { // use the node returned by mw.util.addPortlet() $(p).appendTo("#left-navigation"); } </pre></div> <div class="mw-heading mw-heading3"><h3 id="addPortletLink" data-mw-thread-id="h-addPortletLink-mediawiki.util">addPortletLink</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=39" title="Edit section: addPortletLink">edit</a>]</div> This function is ported from the legacy wikibits keeping it fully backwards compatible, with a few adjustments that support all core skins and with added support for a CSS-selector as <code>nextnode</code>. Note that it doesn't support MobileFrontend with the Minerva skin for logged-out users. Only the first three arguments are required. In case you need to execute a custom function when the user clicks on a portlet, use the <a rel="nofollow" class="external text" href="https://api.jquery.com/click/">jQuery(...).on('click', .. )</a> on returned Element object to attach a callback that runs the code that should be executed. See the <a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.util.html#.addPortletLink">mw.util documentation</a> for details. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// First wait for mediawiki.util to load, and the page to be ready. $.when( mw.loader.using( 'mediawiki.util' ), $.ready ).then( function () { // General usage pattern: // mw.util.addPortletLink( portletId, href, text /* Optional: , id, tooltip, accesskey, nextnode */ ); // Example: Add a link to mediawiki.org to the Tools area, above the "Special pages" link. var newElement = mw.util.addPortletLink( 'p-tb', 'https://www.mediawiki.org/', 'Link to mediawiki.org', 't-mworg', 'Go to www.mediawiki.org', 'm', '#t-specialpages' ); // The old way of passing a DOM-node also works mw.util.addPortletLink( 'p-tb', 'https://www.mediawiki.org/', 'Link to mediawiki.org', 't-mworg', 'Go to www.mediawiki.org', 'm', document.getElementById( 't-specialpages' ) ); } ); </pre></div>Note about icons: The id will be used to construct an icon class in certain skins (for example mw-ui-icon-vector-gadget-cx-language in Vector). Callers are expected to add their own CSS in addition to calling addPortletLink if needed. <div class="mw-heading mw-heading3"><h3 id="hidePortlet" data-mw-thread-id="h-hidePortlet-mediawiki.util">hidePortlet</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=40" title="Edit section: hidePortlet">edit</a>]</div> This function allows you to hide a portlet (menu) consistently across skins.<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// First wait for mediawiki.util to load, and the page to be ready. $.when( mw.loader.using( 'mediawiki.util' ), $.ready ).then( function () { /// hide toolbox mw.util.hidePortlet( 'p-tb' ); } ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="addSubtitle" data-mw-thread-id="h-addSubtitle-mediawiki.util">addSubtitle</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=41" title="Edit section: addSubtitle">edit</a>]</div> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// First wait for mediawiki.util to load, and the page to be ready. $.when( mw.loader.using( 'mediawiki.util' ), $.ready ).then( function () { mw.util.addSubtitle( 'Hello' ); var sub = document.createElement('div'); sub.textContent = ' world'; mw.util.addSubtitle( sub ); } ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="clearSubtitle" data-mw-thread-id="h-clearSubtitle-mediawiki.util">clearSubtitle</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=42" title="Edit section: clearSubtitle">edit</a>]</div> Usually called alongside addSubtitle when you want to refresh the subtitle contents. Given you can only add to the subtitle, you must clear its existing contents if you want to redraw.<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// First wait for mediawiki.util to load, and the page to be ready. $.when( mw.loader.using( 'mediawiki.util' ), $.ready ).then( function () { mw.util.clearSubtitle(); } ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="$content" data-mw-thread-id="h-$content-mediawiki.util">$content</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=43" title="Edit section: $content">edit</a>]</div> A jQuery object for a page's overall content area regardless of the skin used. This is, for example, <code>#content</code> in the Vector-<a href="/wiki/Help:Skins" title="Help:Skins">skin</a> (before 1.20 it was <code>#bodyContent</code>). This does not refer to the area where the page content goes. If you wish to work with that area of the page instead of the overall content area you should use <code>$( '#mw-content-text' )</code> instead. This property is populated on document ready. To use it, wait for <code>$.ready</code> and be sure to have a module dependency on <code>mediawiki.util</code> which will ensure your document ready handler fires after initialization. Because of the lazy-initialised nature of this property, you are discouraged from using it. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>/* Add some HTML to the page content */ mw.util.$content.append( '<h2>Lorem ipsum</h2>This section was just added to the bottom of the wiki page.' ); /* Count number of tables in the page's content with a class of "wikitable" */ var $wikitablesInPage = mw.util.$content.find( 'table.wikitable' ); if ( $wikitablesInPage.length ) { alert( 'There are ' + $wikitablesInPage.length + ' wikitables on this page.' ); } else { alert( 'There are no wikitables on this page.' ); } </pre></div> Here is a more advanced example involving loading in extra content with an AJAX request. Run this example on a page other than the main page. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>/* Loads in main page (or any page for that matter) over AJAX (may be useful for Special:BlankPage) */ // Put a loading message on top of the page mw.util.$content.prepend( 'Loading...<hr/>' ); // To get the article contents, use #mw-content-text instead. $( '#mw-content-text' ).load( mw.util.getUrl( '' ) + ' #mw-content-text', function () { mw.notify( 'Load complete!' ); } ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="getParamValue" data-mw-thread-id="h-getParamValue-mediawiki.util">getParamValue</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=44" title="Edit section: getParamValue">edit</a>]</div> This function returns the value of the specified URL parameter. By default it uses the current window's address. Optionally you can pass it a custom location. It returns <code>null</code> if the parameter is not present. Returns an empty string(<code>""</code>) if it was an empty parameter (such as <code>/page.php?some=parameter&emptyparameter=&id=12</code> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Location: https://www.mediawiki.org/w/index.php?title=ResourceLoader/Default_modules&action=edit&section=28 // Suppose we're editing a page section, this will return the number of the edit section mw.util.getParamValue( 'section' ); /* returns '28'; */ // Extract a value from a custom url // For example on a diff page where there is: "← Older edit" and you need the oldid of the previous edit var oldid = mw.util.getParamValue( 'oldid', '//www.mediawiki.org/w/index.php?title=ResourceLoader/Default_modules&diff=prev&oldid=365296' ); if ( oldid !== null ) { alert( 'The previous text version of this page has id: ' + oldid ); } else { alert( 'No "oldid" parameter found in the given address.' ); } </pre></div> <div class="mw-heading mw-heading3"><h3 id="isIPv4Address" data-mw-thread-id="h-isIPv4Address-mediawiki.util">isIPv4Address</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=45" title="Edit section: isIPv4Address">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.18</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/83202.html">r83202</a></td> </tr></tbody></table> This function returns bool for passed string is valid IPv4 Address or not. <div style="clear: both;"></div> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// true mw.util.isIPv4Address( '192.0.2.0' ); // false (range is invalid IPv4 Address) mw.util.isIPv4Address( '192.0.2.0/24' ); // false mw.util.isIPv4Address( 'string' ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="messageBox" data-mw-thread-id="h-messageBox-mediawiki.util">messageBox</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=46" title="Edit section: messageBox">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-future"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.43</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/83202.html">r83202</a></td> </tr></tbody></table> This function allows you to render an error or warning message. This method should only be called in environments where Codex styles have been loaded (for example mediawiki.codex.messagebox.styles module)<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>document.body.appendChild( mw.util.messageBox( 'Error occurred', 'error' ) ); document.body.appendChild( mw.util.messageBox( 'Warning occurred', 'warning' ) ); document.body.appendChild( mw.util.messageBox( 'Notice about something.,', 'notice' ) ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="isIPv6Address" data-mw-thread-id="h-isIPv6Address-mediawiki.util">isIPv6Address</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=47" title="Edit section: isIPv6Address">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.18</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/83202.html">r83202</a></td> </tr></tbody></table> This function returns bool for passed string is valid IPv6 Address or not. <div style="clear: both;"></div> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// true mw.util.isIPv6Address( '2001:db8:a:0:0:0:0:0' ); // true mw.util.isIPv6Address( '2001:db8:a::' ); // false (range is invalid IPv6 Address) mw.util.isIPv6Address( '2001:db8:a::/32' ); // false mw.util.isIPv6Address( 'string' ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="rawurlencode" data-mw-thread-id="h-rawurlencode-mediawiki.util">rawurlencode</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=48" title="Edit section: rawurlencode">edit</a>]</div> This function returns an encoded string in its raw form for use in urls. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>var exFooUrl = 'http://example.org/foo/' + mw.util.rawurlencode( mw.config.get( 'wgPageName' ) ); </pre></div> For building query strings, you may want to use <a rel="nofollow" class="external text" href="https://api.jquery.com/jQuery.param/">jQuery.param</a> instead: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>var query = { page: 'MyPage', value: mw.config.get( 'skin' ), action: 'foo' }; var fooQuery = 'http://example.com/stuff.php?' + $.param( query ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="wikiScript" data-mw-thread-id="h-wikiScript-mediawiki.util">wikiScript</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=49" title="Edit section: wikiScript">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.18</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/88513.html">r88513</a></td> </tr></tbody></table> This function returns the location of a script on the current wiki. Much like <code>wfScript</code> in <a href="/wiki/GlobalFunctions.php" class="mw-redirect" title="GlobalFunctions.php">GlobalFunctions.php</a>. Parameters: <code>str</code> - Name of the script (e.g. 'api'), defaults to 'index'. <div style="clear: both;"></div> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>jQuery.getJSON( mw.util.wikiScript( 'api' ), { format: 'json', action: 'query', titles: 'Main Page', prop: 'revisions' } ).done( function ( data ) { // data.query } ); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.RegExp" data-mw-thread-id="h-mediawiki.RegExp">mediawiki.RegExp</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=50" title="Edit section: mediawiki.RegExp">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-version2 mw-version-version2-unsupported"><tbody><tr> <td>MediaWiki versions:</td> <td class="mw-version-versionbox" title="MediaWiki 1.35 is an unsupported version"><div class="mw-version-versionnumber"> 1.26 – 1.35</div></td> </tr></tbody></table> (deprecated in 1.34) <dl><dd>See <a href="/wiki/ResourceLoader/Migration_guide_(users)#mediawiki.RegExp" title="ResourceLoader/Migration guide (users)">ResourceLoader/Migration guide § mediawiki.RegExp</a></dd></dl> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.Title" data-mw-thread-id="h-mediawiki.Title">mediawiki.Title</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=51" title="Edit section: mediawiki.Title">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.Title.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.Title/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.Title/">mediawiki.Title</a></li></ul> This sets the <code>mw.Title</code> constructor, which has several methods in its prototype. Basic example: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>var t = new mw.Title( 'Image: foo_bar baz.jpg' ); t.getMain(); // "Foo_bar_baz.jpg" t.getNamespaceId(); // 6 t.getNamespacePrefix(); // "File:" </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="mediawiki.Uri" data-mw-thread-id="h-mediawiki.Uri">mediawiki.Uri</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=52" title="Edit section: mediawiki.Uri">edit</a>]</div> (deprecated in 1.43) <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/mw.Uri.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/mediawiki.Uri/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/mediawiki.Uri/">mediawiki.Uri</a></li></ul> Use browser's native URL interface instead. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="moment" data-mw-thread-id="h-moment">moment</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=53" title="Edit section: moment">edit</a>]</div> <ul><li>Upstream documentation: <a rel="nofollow" class="external free" href="https://momentjs.com/">https://momentjs.com/</a></li></ul> Moment.js can parse, manipulate, and format date-time timestamps. Localisation is automatically loaded and configured for the current user interface language.<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>var moment = require( 'moment' ); moment( '2011-04-01 09:00' ).format( 'LLLL' ); // "Friday, 1 April 2011 9:00 AM" moment.version //> "2.25.2" </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="oojs" data-mw-thread-id="h-oojs">oojs</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=54" title="Edit section: oojs">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.23</div></td> </tr></tbody></table> <ul><li><a href="https://doc.wikimedia.org/oojs/master/OO.html" class="extiw" title="wmdoc:oojs/master/OO.html">JS Documentation</a></li></ul> <a href="/wiki/OOjs" title="OOjs">OOjs</a> is a libary that provides a consistent way of implementing object-oriented design in JS. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="oojs-ui" data-mw-thread-id="h-oojs-ui">oojs-ui</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=55" title="Edit section: oojs-ui">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.23</div></td> </tr></tbody></table> <ul><li><a href="https://doc.wikimedia.org/oojs-ui/master/js/" class="extiw" title="wmdoc:oojs-ui/master/js/">JS Documentation</a></li></ul> <a href="/wiki/OOUI" title="OOUI">OOUI</a> is a user interface toolkit based on OOjs. Note that <code>oojs-ui</code> is just a legacy name for the module. See all the known <a href="/wiki/OOUI/Using_OOUI_in_MediaWiki#JavaScript" title="OOUI/Using OOUI in MediaWiki">OOUI module names</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery" data-mw-thread-id="h-jquery">jquery</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=56" title="Edit section: jquery">edit</a>]</div> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/lib/jquery/jquery.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/lib/jquery/jquery.js">jquery</a></li></ul> More information about jQuery's presence in MediaWiki, see <a href="/wiki/JQuery" title="JQuery">jQuery</a>. For more about jQuery in general and all its core functions, refer to <a rel="nofollow" class="external free" href="https://api.jquery.com/">https://api.jquery.com/</a> ResourceLoader provides jQuery as part of its <a href="#base-env">base environment</a> (the loader client uses jQuery internally), therefore this module is always loaded and should not (and in fact can not) be loaded through ResourceLoader (as dependency or otherwise). <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.chosen" data-mw-thread-id="h-jquery.chosen">jquery.chosen</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=57" title="Edit section: jquery.chosen">edit</a>]</div> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/lib/jquery.chosen/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/lib/jquery.chosen/">jquery.chosen</a></li></ul> “Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.” — <a rel="nofollow" class="external text" href="http://harvesthq.github.io/chosen/">harvesthq.github.io</a> In fact, it turns a select into a combo box with <a href="https://en.wikipedia.org/wiki/Autocomplete" class="extiw" title="en:Autocomplete">autocomplete</a> functionality by default but also supports grouping, and "tagging" (i.e. multiple values). <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>$( 'select' ).chosen( { /* options */ } ); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.client" data-mw-thread-id="h-jquery.client">jquery.client</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=58" title="Edit section: jquery.client">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/jquery-client/master/#!/api/jQuery.client">JS Documentation</a></li></ul> A plugin that extracts information about the client's browser, layout engine, and operating system. <div class="mw-heading mw-heading3"><h3 id="jQuery.client.profile" data-mw-thread-id="h-jQuery.client.profile-jquery.client">jQuery.client.profile</h3>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=59" title="Edit section: jQuery.client.profile">edit</a>]</div> Here a few examples: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>if ( $.client.profile().layout == 'gecko' && $.client.profile().platform == 'linux' ) { // This will only run on Gecko browsers (ie. Mozilla Firefox) on Linux. } if ( $.client.profile().name == 'msie' ) { // Only for good ol' Internet Explorer } // Shortcut var prof = $.client.profile(); if ( prof.name == 'firefox' && prof.versionBase == '2' && prof.platform == 'win' ) { // Target Mozilla Firefox 2.x on Windows } </pre></div> Check <a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/lib/jquery.client/jquery.client.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/lib/jquery.client/jquery.client.js">jquery.client.js</a> for possible values of browser names, layout engines and platforms. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.color" data-mw-thread-id="h-jquery.color">jquery.color</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=60" title="Edit section: jquery.color">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.17</div></td> </tr></tbody></table> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/jQuery.colorUtil.html">JS Documentation: $.colorUtil</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/jquery.color" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/jquery.color">Source code</a></li></ul> <div style="clear: both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.cookie" data-mw-thread-id="h-jquery.cookie">jquery.cookie</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=61" title="Edit section: jquery.cookie">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-legacy"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="MediaWiki 1.41 is a legacy version"><div class="mw-version-versionnumber">≤ 1.41</div></td> </tr></tbody></table> (deprecated in 1.41) <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-mediawiki.cookie.html#.$.cookie">JS Documentation</a></li></ul> To use jQuery cookie methods, load the <code><a href="#mediawiki.cookie">mediawiki.cookie</a></code> module. It is recommended that you use <code>mw.cookie</code> interface as it automatically applies appropiate settings based onMediaWiki site configuration (such as domain, path, and retention). This plugin allows you to set, get and delete cookies. <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>// Set cookie (simple, current page/path) $.cookie( 'myName', 'Flower' ); // Set cookie (extra options) $.cookie( 'myName', 'Flower', { expires: 7, // expires in 7 days path: '/' // domain-wide, entire wiki } ); // Get cookie var name = $.cookie( 'myName' ); // Delete cookie // Deprecated since 1.2 please use $.removeCookie( 'foo' ) instead $.cookie( 'myName', null ); $.removeCookie( 'foo' ) </pre></div> When deleting a cookie, you must use the same path and domain used when the cookie was set. Note that when MediaWiki server-side code sets a cookie it usually prefixes it with the database name; this prefix is available to JavaScript code as the <code>mw.config</code> variable <code>wgCookiePrefix</code>. Note that users will likely get separate cookies for <code>/wiki/</code> and <code>/w/</code> paths in page URLs if you do not specify the extra option <code>{ path: '/' }</code> when setting a cookie. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.i18n" data-mw-thread-id="h-jquery.i18n">jquery.i18n</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=62" title="Edit section: jquery.i18n">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.26</div><a href="https://gerrit.wikimedia.org/r/223201" class="extiw" title="gerrit:223201">Gerrit change 223201</a></td> </tr></tbody></table> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/lib/jquery.i18n/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/lib/jquery.i18n/">jquery.i18n</a></li></ul> <div style="clear: both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.makeCollapsible" data-mw-thread-id="h-jquery.makeCollapsible">jquery.makeCollapsible</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=63" title="Edit section: jquery.makeCollapsible">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.18</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/78914.html">r78914</a></td> </tr></tbody></table> <dl><dd>See also <a href="/wiki/Manual:Collapsible_elements" title="Manual:Collapsible elements">Manual:Collapsible elements</a>.</dd></dl> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-jquery.makeCollapsible.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/jquery/jquery.makeCollapsible.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/jquery/jquery.makeCollapsible.js">jquery.makeCollapsible</a></li></ul> Makes elements collapsible. It supports lots of variations such as: <dl><dt>Simple</dt> <dd>Add "<code>mw-collapsible</code>" to an element (a <code><div></code> for example) with some content and save the page. The inner content of this element will be treated as collapsible content. Prepended to the element, before the collapsible content, is a toggle-link with a localized label (<a href="/wiki/MediaWiki:Collapsible-expand" title="MediaWiki:Collapsible-expand">collapsible-expand</a>, <a href="/wiki/MediaWiki:Collapsible-collapse" title="MediaWiki:Collapsible-collapse">collapsible-collapse</a>)</dd> <dt>Initial state</dt> <dd>Adding "<code>mw-collapsed</code>" as additional class will cause the element to be initially collapsed when the page is loaded.</dd> <dt>Custom label</dt> <dd>HTML5 only Using the <code>data-collapsetext</code> and <code>data-expandtext</code> attributes one can define a custom text for the toggle labels added by the script. When added in wikitext these could be populated by a localized message like: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><div class="mw-collapsible" data-expandtext="{{int:show}}" data-collapsetext="{{int:hide}}"></code></dd> <dt>Remote toggle</dt> <dd>If you don't want the script to put the default toggle link (whether or not with a custom label) in your element, you can make one of your own. This could reside anywhere inside or outside the collapsible element. Its relationship to the collapsible element is detected by using an ID attribute with the prefix <code>mw-customcollapsible</code> and a corresponding class attribute with prefix <code>mw-customtoggle</code> for the collapsible element and the togglelink respectively.</dd></dl> <div style="font-size: larger;">Example: Simple collapsible div or table</div> Input: <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre>{| class="wikitable" ! Foo ! Bar |- | Lorem | Ipsum |- | More info | {| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;" ! Head ! Top |- | Cell | content |- | This table is collapsible | Because it has the "mw-collapsible" class |- | It was initially hidden, because it | had the "mw-collapsed" class |} |- |} <div class="toccolours mw-collapsible" style="width: 400px;"> This is text is collapsible. {{Lorem}} </div> </pre></div> Output: <table class="wikitable"> <tbody><tr> <th>Foo </th> <th>Bar </th></tr> <tr> <td>Lorem </td> <td>Ipsum </td></tr> <tr> <td>More info </td> <td> <table class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"> <tbody><tr> <th>Head </th> <th>Top </th></tr> <tr> <td>Cell </td> <td>content </td></tr> <tr> <td>This table is collapsible </td> <td>Because it has the "mw-collapsible" class </td></tr> <tr> <td>It was initially hidden, because it </td> <td>had the "mw-collapsed" class </td></tr></tbody></table> </td></tr></tbody></table> <div class="toccolours mw-collapsible" style="width: 400px;"> This is text is collapsible. <a href="https://en.wikipedia.org/wiki/Lorem_ipsum" class="extiw" title="w:Lorem ipsum">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<div style="clear: both;"></div> </div> <div style="clear: both;"></div> <hr/> Example: Hide the collapsible element by default, the toggle element resides outside of it Input: <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision"> <div class="toccolours mw-collapsible-content">Lorem ipsum dolor sit amet...</div> </div> <div class="mw-customtoggle-myDivision" style="background:#e8ffe0">Clicking will toggle it also!</div> </pre></div> Output: <div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision"> <div class="toccolours mw-collapsible-content">Lorem ipsum dolor sit amet...</div> </div> <div class="mw-customtoggle-myDivision" style="background:#e8ffe0">Clicking will toggle it also!</div> For other live examples, see <a href="/wiki/Manual:Collapsible_elements/Demo/Advanced" title="Manual:Collapsible elements/Demo/Advanced">Test Wikipedia - Collapsing Testpage</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.suggestions" data-mw-thread-id="h-jquery.suggestions">jquery.suggestions</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=64" title="Edit section: jquery.suggestions">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-jquery.suggestions.html">JS Documentation</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.spinner" data-mw-thread-id="h-jquery.spinner">jquery.spinner</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=65" title="Edit section: jquery.spinner">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-jquery.spinner.html">JS Documentation</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.tabIndex" data-mw-thread-id="h-jquery.tabIndex">jquery.tabIndex</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=66" title="Edit section: jquery.tabIndex">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-version2 mw-version-version2-unsupported"><tbody><tr> <td>MediaWiki versions:</td> <td class="mw-version-versionbox" title="MediaWiki 1.35 is an unsupported version"><div class="mw-version-versionnumber"> 1.18 – 1.35</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/86088.html">r86088</a></td> </tr></tbody></table> (deprecated in 1.34) <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/jquery/jquery.tabIndex.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/jquery/jquery.tabIndex.js">jquery.tabIndex</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.tablesorter" data-mw-thread-id="h-jquery.tablesorter">jquery.tablesorter</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=67" title="Edit section: jquery.tablesorter">edit</a>]</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4199130"> <table class="mw-version mw-version-ltr mw-version-version mw-version-version-unsupported mw-version-and-later"><tbody><tr> <td>MediaWiki version:</td> <td class="mw-version-versionbox" title="The latest stable version is 1.42"><div class="mw-version-versionnumber">≥ 1.18</div><a class="external text" href="https://static-codereview.wikimedia.org/MediaWiki/86088.html">r86088</a></td> </tr></tbody></table> <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/jquery.tablesorter/jquery.tablesorter.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/jquery.tablesorter/jquery.tablesorter.js">jquery.tablesorter</a></li></ul> <div style="clear: both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.textSelection" data-mw-thread-id="h-jquery.textSelection">jquery.textSelection</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=68" title="Edit section: jquery.textSelection">edit</a>]</div> <ul><li><a class="external text" href="https://doc.wikimedia.org/mediawiki-core/master/js/module-jquery.textSelection.html">JS Documentation</a></li> <li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/jquery/jquery.textSelection.js" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/jquery/jquery.textSelection.js">Source code</a></li></ul> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.util.jsMessage( 'The selected text is "' + mw.html.escape( $( '#wpTextbox1' ).textSelection( 'getSelection' ) ) + '".' ); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.tipsy" data-mw-thread-id="h-jquery.tipsy">jquery.tipsy</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=69" title="Edit section: jquery.tipsy">edit</a>]</div> (deprecated in 1.28) <ul><li><a href="https://gerrit.wikimedia.org/g/mediawiki/core/%2B/HEAD/resources/src/jquery.tipsy/" class="extiw" title="git:mediawiki/core/+/HEAD/resources/src/jquery.tipsy/">jquery.tipsy</a></li></ul> The library will be available for the forseeable future, but overlaps with functionality within <a href="/wiki/OOUI" title="OOUI">OOUI</a> and provides a suboptimal experience to mobile users. Where jQuery.tipsy is being used, we encourage developers to inspect OOUI and feedback on how the library might be improved to support the usecase that jquery.tipsy provides. <a rel="nofollow" class="external text" href="http://onehackoranother.com/projects/jquery/tipsy">Example page</a>; <a rel="nofollow" class="external text" href="http://plugins.jquery.com/project/tipsy">jQuery project page</a> <table class="wikitable sortable"> <tbody><tr> <th>Option </th> <th>Type </th> <th>Possible values </th> <th>Default </th> <th>Description </th></tr> <tr> <td>gravity </td> <td>string / call-back function </td> <td>'nw' | 'n' | 'ne' | 'w' | 'e' | 'sw' | 's' | 'se' / $.fn.tipsy.autoNS | $.fn.tipsy.autoWE | pointer or anonymous </td> <td>'n' </td> <td>sets the positioning of the tooltip relative to the element </td></tr> <tr> <td>fade </td> <td>bool </td> <td>true | false </td> <td>true </td> <td>use fading effect (fadeIn / fadeOut) </td></tr> <tr> <td>title </td> <td>string (an attribute) / call-back function </td> <td>style, class, id, ..., function () { return 'some string'; } </td> <td>title (or if not specified fallback-value; see below) </td> <td>Which string to display as a "tool-tip"? </td></tr> <tr> <td>fallback </td> <td>string </td> <td>'valid string' </td> <td> </td> <td>used if an element has no tooltip </td></tr> <tr> <td>html </td> <td>bool </td> <td>true | false </td> <td>false </td> <td>interpret the tooltip text as HTML </td></tr> <tr> <td>delayIn </td> <td>number in ms </td> <td>0, 1, 2, ... </td> <td>0 </td> <td>How long to wait after onmouseover to show the tip? </td></tr> <tr> <td>delayOut </td> <td>number in ms </td> <td>0, 1, 2, ... </td> <td>0 </td> <td>How long to wait after onmouseout to close the tip? </td></tr> <tr> <td>trigger </td> <td>string </td> <td>'focus' | 'manual' | 'hover' </td> <td>hover </td> <td>When to show the tooltip (useful for forms) </td></tr> <tr> <td>live </td> <td>bool </td> <td>true | false </td> <td>false </td> <td>dynamical add to selectors- see JQuery's live interpretation </td></tr> <tr> <td>offset </td> <td>number in px </td> <td> </td> <td>0 </td> <td>offset from tooltip to element </td></tr> <tr> <td>opacity </td> <td>number (float) </td> <td> </td> <td>1.0 </td> <td>opacity of the tooltip </td></tr></tbody></table> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.loader.using( 'jquery.tipsy', function () { $someObject.prepend( $( '', { title: 'Some tipsy test title' } ) .append( 'Hover here' ) .tipsy( { option: 'value', option2: 'value2' } ) ); } ); </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="jquery.ui" data-mw-thread-id="h-jquery.ui">jquery.ui</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=70" title="Edit section: jquery.ui">edit</a>]</div> (deprecated in 1.29) Please use <a href="/wiki/Codex" title="Codex">Codex</a> instead. For more information on and demos for jQuery UI, refer to <a rel="nofollow" class="external free" href="http://jqueryui.com/">http://jqueryui.com/</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="site" data-mw-thread-id="h-site">site</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=71" title="Edit section: site">edit</a>]</div> This module loads site scripts from the pages: <ul><li><code>MediaWiki:Common.js</code>,</li> <li>and <code>MediaWiki:Vector.js</code> (depending on the current skin).</li></ul> If <code><a href="/wiki/Special:MyLanguage/Manual:$wgUseSiteJs" title="Special:MyLanguage/Manual:$wgUseSiteJs">$wgUseSiteJs</a><a href="/wiki/Manual:$wgUseSiteJs" title="Manual:$wgUseSiteJs"> </a></code> is disabled by configuration, then the module is empty. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="user" data-mw-thread-id="h-user">user</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=72" title="Edit section: user">edit</a>]</div> This module loads: <ul><li><code>User:<name>/common.js</code>,</li> <li><code>User:<name>/vector.js</code> (depending on current skin),</li> <li><code>MediaWiki:Group-user.js</code>,</li> <li><code>MediaWiki:Group-<groupname>.js</code> (for each group the current user is a member of, e.g. "sysop", "bureaucrat" etc.)</li></ul> If <code><a href="/wiki/Special:MyLanguage/Manual:$wgAllowUserJs" title="Special:MyLanguage/Manual:$wgAllowUserJs">$wgAllowUserJs</a><a href="/wiki/Manual:$wgAllowUserJs" title="Manual:$wgAllowUserJs"> </a></code> is disabled by configuration, then the "User" sub pages are not included. If <code><a href="/wiki/Special:MyLanguage/Manual:$wgUseSiteJs" title="Special:MyLanguage/Manual:$wgUseSiteJs">$wgUseSiteJs</a><a href="/wiki/Manual:$wgUseSiteJs" title="Manual:$wgUseSiteJs"> </a></code> is disabled by configuration, then the "MediaWiki:Group-" pages are not included. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="See_also" data-mw-thread-id="h-See_also">See also</h2>[<a href="/w/index.php?title=ResourceLoader/Core_modules&action=edit&section=73" title="Edit section: See also">edit</a>]</div> <ul><li><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/types-mediawiki">TypeScript definitions</a> for the modules listed here (work in JavaScript projects as well in popular IDEs)</li></ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://www.mediawiki.org/w/index.php?title=ResourceLoader/Core_modules&oldid=6860134">https://www.mediawiki.org/w/index.php?title=ResourceLoader/Core_modules&oldid=6860134</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Categories</a>: <ul><li><a href="/wiki/Category:ResourceLoader" title="Category:ResourceLoader">ResourceLoader</a></li><li><a href="/wiki/Category:JavaScript" title="Category:JavaScript">JavaScript</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden category: <ul><li><a href="/wiki/Category:Languages_pages" title="Category:Languages pages">Languages pages</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 19 November 2024, at 08:59.</li> <li id="footer-info-copyright">Text is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. Text in <a class="external text" href="https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents">the Help: namespace</a> is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0 License</a>. By using this site, you agree to the <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> and <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy Policy</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Project:About">About mediawiki.org</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Project:General_disclaimer">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://www.mediawiki.org/wiki/Special:MyLanguage/Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/www.mediawiki.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//m.mediawiki.org/w/index.php?title=ResourceLoader/Core_modules&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-889fb78f4-fx9fh","wgBackendResponseTime":185,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.config-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.hook-mediawiki","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-hook_execution_order-mw.hook","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.html-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.inspect-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.log-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.message-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.now-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.track-mediawiki","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.notify-mediawiki","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mw.loader","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.loader.load-mw.loader","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.loader.using-mw.loader","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.loader.getScript-mw.loader","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.user","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.user.clientPrefs-mediawiki.user","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-user.options","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.user.options-user.options","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-mw.user.tokens-user.options","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.api","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.cookie","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.errorLogger","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.feedback","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mw.ForeignApi","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mw.ForeignRest","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mw.ForeignUpload","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.jqueryMsg","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.router","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.storage","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.ui","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.widgets","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.util","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-addCSS-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-addPortlet-mediawiki.util","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Styling_portlets-addPortlet","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Appending_portlets_in_different_locations-addPortlet","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Dropdowns_(Vector-only)-addPortlet","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-addPortletLink-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-hidePortlet-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-addSubtitle-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-clearSubtitle-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-$content-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-getParamValue-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-isIPv4Address-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-messageBox-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-isIPv6Address-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-rawurlencode-mediawiki.util","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-wikiScript-mediawiki.util","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.RegExp","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.Title","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-mediawiki.Uri","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-moment","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-oojs","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-oojs-ui","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.chosen","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.client","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-jQuery.client.profile-jquery.client","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.color","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.cookie","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.i18n","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.makeCollapsible","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.suggestions","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.spinner","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.tabIndex","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.tablesorter","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.textSelection","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.tipsy","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-jquery.ui","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-site","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-user","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.115"},"limitreport":{"cputime":"0.922","walltime":"1.145","ppvisitednodes":{"value":17405,"limit":1000000},"postexpandincludesize":{"value":105801,"limit":2097152},"templateargumentsize":{"value":25113,"limit":2097152},"expansiondepth":{"value":16,"limit":100},"expensivefunctioncount":{"value":127,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":142275,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 873.206 1 -total"," 45.29% 395.486 1 Template:Languages"," 38.13% 332.988 157 Template:Languages/Lang"," 33.08% 288.815 190 Template:Translatable"," 29.86% 260.741 173 Template:Pagelang"," 28.83% 251.728 1 Template:Nmbox"," 14.71% 128.449 27 Template:MW_version/layout"," 11.40% 99.579 18 Template:MW_version"," 10.40% 90.852 14 Template:MWv"," 7.42% 64.812 1 Template:ResourceLoader_navigation"]},"scribunto":{"limitreport-timeusage":{"value":"0.233","limit":"10.000"},"limitreport-memusage":{"value":1655384,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-7f6c5f4958-d5pv5","timestamp":"20241129012059","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"ResourceLoader\/Core modules","url":"https:\/\/www.mediawiki.org\/wiki\/ResourceLoader\/Core_modules","sameAs":"http:\/\/www.wikidata.org\/entity\/Q115519963","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q115519963","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2010-11-18T22:47:33Z","dateModified":"2024-11-19T08:59:22Z","headline":"part of MediaWiki"}</script> </body> </html>