MediaWiki:Common.js
Перейти к навигации
Перейти к поиску
Возможно, этот код документирован.
/**
* Код MediaWiki:Common.js безусловно загружается всем пользователям на всех страницах.
* Во избежание отправки лишних запросов по возможности не используйте здесь mw.loader.using
* с модулями, которые не загружаются по умолчанию (см.
* [[Обсуждение MediaWiki:Common.js#Список модулей, загружаемых по умолчанию]]). В таком случае
* лучше создать скрытый гаджет, загружаемый по умолчанию, и добавить ему нужные модули в качестве
* зависимостей.
*/
/**
* Локальная функция загрузки скриптов с поддержкой указания проекта
*/
var importScript = function(page) {
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.loader.load( '//wikimultia.org/index.php?title=' + mw.util.wikiUrlencode( page ) +
'&action=raw&ctype=text/javascript' );
});
};
/**
* Часто те или иные манипуляции со страницей нужно выполнить как можно раньше, но нет гарантии, что
* к моменту выполнения кода нужный участок DOM готов, а событие полной загрузки страницы происходит
* слишком поздно. В этой функции проверяется наличие элемента $testElement и в случае успеха
* функция-колбэк выполняется, иначе же её выполнение поручается другой функции. Если элемент
* в $testElement имеет содержимое, правильнее указать следующий за ним элемент, чтобы быть
* уверенным, что он загрузился до конца. Имейте в виду, что разные скины часто используют разные
* названия классов и идентификаторов.
*/
function runAsEarlyAsPossible( callback, $testElement, func ) {
func = func || $;
$testElement = $testElement || $( '#footer' );
if ( $testElement.length ) {
callback();
} else {
func( callback );
}
}
/**
* Настройка обработки «е» и «ё» при сортировке в таблицах
*/
mw.config.set( 'tableSorterCollation', { 'Ё': 'Е', 'ё': 'е' } );
/**
* Строки. Иноязычный интерфейс предположительно включают весьма редко, поэтому раздувать этот
* список не стоит. При необходимости добавить много сообщений во много языков можно использовать
* механизм системных сообщений (= страниц в пространстве MediaWiki, у которых могут быть суффиксы
* типа /en). См., как их получение реализовано в MediaWiki:Gadget-sidebarRelated.js.
*/
var expandCaption, collapseCaption, zeroSectionTip;
if ( mw.config.get( 'wgUserLanguage' ) === 'en' ) {
expandCaption = 'show';
collapseCaption = 'hide';
zeroSectionTip = 'Edit lead section';
} else {
expandCaption = 'показать';
collapseCaption = 'скрыть';
zeroSectionTip = 'Править преамбулу';
}
/**
* [[ВП:Сворачиваемые блоки]]
*/
// Число раскрытых по умолчанию навигационных (и не только) шаблонов, если им задан параметр
// autocollapse. Участники могут переопределять это значение в личных JS.
var NavigationBarShowDefault;
if ( typeof NavigationBarShowDefault === 'undefined' ) {
NavigationBarShowDefault = 1;
}
// table.collapsible
function collapsibleTables( $content ) {
var $btn,
$a,
tblIdx = 0,
navboxCount = 0,
notNavboxCount = 0,
colTables = [],
$Tables = $content.find( 'table' );
$Tables.each( function( i, table ) {
if ( $( table ).hasClass( 'collapsible' ) ) {
var $table = $( this ),
$row = $table.find( 'tr' ).first(),
$cell = $row.find( 'th' ).first();
if ( !$cell.length ) {
return;
}
$table.attr( 'id', 'collapsibleTable' + tblIdx );
$btn = $( '<span>' ).addClass( 'collapseButton' );
$a = $( '<a>' )
.attr( 'id', 'collapseButton' + tblIdx )
.attr( 'href', 'javascript:collapseTable(' + tblIdx + ');' )
// Изменяем цвет ссылки, только если цвет текста в навбоксе нестандартный
.css( 'color', $cell.css( 'color' ) === $( '.mw-body' ).css( 'color' ) ? 'auto' :
$cell.css( 'color' ) )
.text( collapseCaption );
$btn
.append( '[' )
.append( $a )
.append( ']' );
if ( $cell.contents().length ) {
$btn.insertBefore( $cell.contents().first() );
} else {
$btn.appendTo( $cell );
}
// hasClass( 'navbox' ) — временное решение для навшаблонов, ещё не переведённых
// на Навигационная таблица (также ниже)
if ( $table.hasClass( 'navbox-inner' ) || $table.hasClass( 'navbox' ) ) {
navboxCount++;
} else {
notNavboxCount++;
}
colTables[tblIdx++] = $table;
}
} );
for ( var i = 0; i < tblIdx; i++ ) {
if ( colTables[i].hasClass( 'collapsed' ) ||
( colTables[i].hasClass( 'autocollapse' ) &&
( ( ( colTables[i].hasClass( 'navbox-inner' ) || colTables[i].hasClass( 'navbox' ) ) &&
navboxCount > NavigationBarShowDefault ) ||
( !( colTables[i].hasClass( 'navbox-inner' ) || colTables[i].hasClass( 'navbox' ) ) &&
notNavboxCount > NavigationBarShowDefault ) ) ) )
{
collapseTable( i );
}
}
}
mw.hook( 'wikipage.content' ).add( collapsibleTables );
function collapseTable( idx ) {
var $table = $( '#collapsibleTable' + idx ),
$rows = $table.children().children( 'tr' ),
$btn = $( '#collapseButton' + idx );
if ( !$table.length || !$rows.length || !$btn.length ) {
return false;
}
var isExpanded = ( $btn.text() === collapseCaption ),
cssDisplay = isExpanded ? 'none' : $rows.first().css( 'display' );
$btn.text( isExpanded ? expandCaption : collapseCaption );
$rows.slice( 1 ).each( function() {
$( this ).css( 'display', cssDisplay );
} );
}
// div.NavFrame
var navFrameExpandCaption = '[' + expandCaption + ']',
navFrameCollapseCaption = '[' + collapseCaption + ']';
function collapsibleDivs( $content ) {
var navIdx = 0,
colNavs = [],
i,
$Divs = $content.find( 'div' );
$Divs.each( function( i, div ) {
if ( $( div ).hasClass( 'NavFrame' ) ) {
var $navFrame = $( this );
$navFrame.attr( 'id', 'NavFrame' + navIdx );
var $a = $( '<a>' )
.addClass( 'NavToggle' )
.attr( 'id', 'NavToggle' + navIdx )
.attr( 'href', 'javascript:collapseDiv(' + navIdx + ');' )
.text( navFrameCollapseCaption );
$navFrame.children( '.NavHead' ).append( $a );
colNavs[navIdx++] = $navFrame;
}
} );
for ( i = 0; i < navIdx; i++ ) {
if ( colNavs[i].hasClass( 'collapsed' ) ||
( navIdx > NavigationBarShowDefault &&
!colNavs[i].hasClass( 'expanded' )
)
) {
collapseDiv( i );
}
}
}
mw.hook( 'wikipage.content' ).add( collapsibleDivs );
function collapseDiv( idx ) {
var $div = $( '#NavFrame' + idx ),
$btn = $( '#NavToggle' + idx );
if ( !$div.length || !$btn.length ) {
return false;
}
var isExpanded = ( $btn.text() === navFrameCollapseCaption );
$btn.text( isExpanded ? navFrameExpandCaption : navFrameCollapseCaption );
$div.children( '.NavContent, .NavPic' ).each( function() {
$( this ).css( 'display', isExpanded ? 'none' : 'block' );
} );
}
/**
* Загрузка скриптов через систему подгаджетов
*/
// Изолируем код из глобальной области видимости
( function () {
var namespaceNumber = mw.config.get( 'wgNamespaceNumber' );
// Скрипты для служебных страниц
if ( namespaceNumber === -1 ) {
var specialGadgets = [
'Abusefilter',
'Block',
'Log',
'Movepage',
'Newpages',
'Search',
'Upload'
];
var canonicalSpecialPageName = mw.config.get( 'wgCanonicalSpecialPageName' );
if ( specialGadgets.indexOf( canonicalSpecialPageName ) > -1 ) {
mw.loader.load( 'ext.gadget.common-special-' + canonicalSpecialPageName.toLowerCase() );
}
} else {
// Скрипты для действий
var action = mw.config.get( 'wgAction' );
var actionGadgets = {
'edit': [ 'ext.gadget.common-action-edit', 'ext.gadget.wikificator', 'ext.gadget.summaryButtons' ]
};
actionGadgets[ 'submit' ] = actionGadgets[ 'edit' ];
// Удалить после исчезновения ссылки «Редактировать с инструментом переезда на новый парсер» в сайдбаре
actionGadgets[ 'parsermigration-edit' ] = actionGadgets[ 'edit' ];
if ( actionGadgets[ action ] ) {
mw.loader.load( actionGadgets[ action ] );
}
// Скрипты для пространств
var namespaceGadgets = {
6: [ 'ext.gadget.common-namespace-file' ]
};
if ( namespaceGadgets[ namespaceNumber ] ) {
mw.loader.load( namespaceGadgets[ namespaceNumber ] );
}
/**
* Сортировка интервик
*/
mw.hook( 'resourceloader.loadEnd' ).add( function () {
if ( mw.config.get( 'wgUserName' ) &&
// Нестрогое сравнение, потому что формат значений постоянно скачет, см. [[phab:T54542]]
( mw.user.options.get( 'compact-language-links' ) != 1 &&
( ( mw.config.get( 'wgLangPrefs' ) === null ? false : true ) ||
( mw.config.get( 'wgAddLangHints' ) === null ? false :
mw.config.get( 'wgAddLangHints' ) ) ||
( mw.config.get( 'wgUseUserLanguage' ) === null ? false :
mw.config.get( 'wgUseUserLanguage' ) ) ) ) )
{
importScript( 'MediaWiki:Interwiki-links.js' );
}
} );
}
}() );
/**
* Старые коды
*/
if ( navigator.platform.indexOf( 'Win' ) !== -1 ) {
mw.loader.using( 'mediawiki.util', function () {
mw.util.addCSS( '.IPA, .Unicode { font-family: "Arial Unicode MS", "Lucida Sans Unicode"; }' );
} );
}
/**
* Дополнительный функционал для заглавной страницы
*/
if ( mw.config.get( 'wgIsMainPage' ) && mw.config.get( 'wgAction' ) === 'view' ) {
runAsEarlyAsPossible( function () {
if ( window.scrollY === 0 ) {
$( '#searchInput' ).focus();
}
}, $( '#searchInput' ), mw.hook( 'wikipage.content' ).add );
mw.hook( 'wikipage.content' ).add( function () {
mw.loader.using( 'mediawiki.util' ).done( function () {
var el = mw.util.addPortletLink(
'p-lang',
mw.config.get( 'wgArticlePath' ).replace( /\$1/, 'Викимультия:Список_Викимультий' ),
'Полный список',
'interwiki-completelist'
);
if ( el ) {
el.style.fontWeight = 'bold';
}
$( '#p-wikibase-otherprojects li.wb-otherproject-link a' ).each( function () {
var $link = $( this ),
url = $link.attr( 'href' ).replace( '/Main_Page', mw.util.wikiUrlencode( '/Заглавная_страница' ) );
if ( $link.parent().hasClass( 'wb-otherproject-mediawiki' ) ) {
url = $link.attr( 'href' ) + '/ru';
}
$link.attr( 'href', url );
} );
} );
} );
}
/**
* Выполнение скриптов из пространства MediaWiki, указанных в URL
* См. также https://www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
*/
var withJS = location.href.match( /[&?]withjs=((mediawiki:)?([^&#]+))/i );
if ( withJS ) {
importScript( 'MediaWiki:' + withJS[3] );
}
/**
* Код, который нужно выполнить как можно раньше. Он выполняется, если загружен подвал страницы,
* иначе же ждёт наступления события wikipage.content (см. выше определение runAsEarlyAsPossible
* и ниже про wikipage.content).
*/
runAsEarlyAsPossible( function () {
/**
* выполнить скрипт
*/
var $execJS = $( '.executeJS' );
if ( $execJS.length ) {
$execJS.each( function () {
$.each( $( this ).data( 'scriptnames' ).split( ' ' ), function ( i, sc ) {
sc = $.trim( sc.replace( /[^\w ]/g, '' ) );
if ( sc ) {
importScript( 'MediaWiki:Script/' + sc + '.js' );
}
} );
} );
}
/**
* Чтобы ссылки на очистку кэша не требовали подтверждения (они должны быть помещены в тег с классом
* purgelink и именем страницы в параметре data-pagename, например как в шаблоне очистить кэш)
*/
$( '.purgelink a' ).click( function ( e ) {
mw.loader.using( [ 'mediawiki.api', 'mediawiki.util', 'mediawiki.notify' ] ).done( function () {
var pageName = $( this ).parent( '.purgelink' ).data( 'pagename' ) || mw.config.get( 'wgPageName' );
new mw.Api().post( {
action: 'purge',
titles: pageName
} ).then( function () {
var url = mw.util.getUrl( pageName );
if ( e.ctrlKey ) {
if ( !window.open( url ) ) {
location.assign( url );
}
} else {
location.assign( url );
}
}, function () {
mw.notify( 'Не удалось очистить кэш.', { type: 'error' } );
} );
e.preventDefault();
} );
} );
}, $( '#footer' ), mw.hook( 'wikipage.content' ).add );
/**
* {{TOC hidden}}
*/
function TOChidden() {
$( '.tochidden-wrapper > #toc > #toctogglecheckbox' ).prop('checked', true );
$( '.tochidden-wrapper' ).attr( "class", "toc-wrapper" );
}
runAsEarlyAsPossible( function () {
if ( $( '.tochidden-wrapper' ).length ) {
mw.loader.using( [ 'mediawiki.cookie' ] ).done( function () {
if ( mw.cookie.get( 'hidetoc' ) === null ) {
$.when( mw.loader.using( [ 'mediawiki.toc' ] ), $.ready ).then( TOChidden );
}
} );
}
}, $( '#toc' ), mw.hook( 'wikipage.content' ).add );
/**
* Код, выполняемый по событию wikipage.content (его обработчики выполняются раньше колбэков для $,
* хотя в глубине это одно и то же событие, просто колбэк, инициирующий wikipage.content, становится
* в очередь раньше). Так как wikipage.content инициируется после обновления страницы в результате
* Ajax-запросов (например, гаджетом быстрого предпросмотра), не добавляйте сюда коды, которые
* должны гарантированно выполниться один раз на странице.
*/
mw.hook( 'wikipage.content' ).add( function () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки.
* Короткие (до 16 ссылок) списки примечаний обтекаются только справа.
*/
$( '.reflist.columns' ).each( function () {
var clear = 'both';
if ( $( this ).find( 'ol.references > li' ).length < 16 ) {
clear = 'left';
}
$( this )
.prevUntil( 'h1, h2, h3, h4, h5, h6' )
.addBack()
.first()
.prev()
.css( 'clear', clear );
} );
/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}
/**
* imgToggle
*/
// На странице есть как минимум один элемент div.img_toggle
if ( $( 'div.img_toggle' ).length ) {
mw.loader.load( 'ext.gadget.imgToggle' );
}
/**
* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 35em
* (из Mediawiki:Common.css) является предварительным числом, а фактическое будет посчитано исходя
* из ширины элементов. Должно использоваться только для UL внутри DIV. Пример использования —
* шаблон {{Wikidata/SisterCities}}.
*/
$("div.autocolumns").each(function(d, div) {
var parentWidth = $(div).parent()[0].offsetWidth;
if (!parentWidth) return;
var maxWidth = 0;
var elements = 0;
$(div).find("ul>li").each(function(l, li) {
elements++;
var jLi = $(li);
if (jLi.children().length != jLi.contents().length)
jLi.wrapInner(document.createElement("span"));
var liWidth = 0;
jLi.children().each(function(c, child) {
liWidth += child.offsetWidth;
});
if (liWidth > maxWidth)
maxWidth = liWidth;
});
if ( maxWidth === 0 ) return;
// UL/LI bullet width + padding
maxWidth += 22.5 * 2;
var maxColumns = "" + Math.ceil( elements / 5 );
$(div).css({"-moz-columns": maxWidth + "px " + maxColumns, "columns" : maxWidth + "px " + maxColumns});
});
});
// div.BoxFrame
function collapsibleBoxs( $content ) {
var navIdx = 0,
colNavs = [],
i,
$Divs = $content.find( 'div' );
$Divs.each( function( i, div ) {
if ( $( div ).hasClass( 'BoxFrame' ) ) {
var $navFrame = $( this );
$navFrame.attr( 'id', 'BoxFrame' + navIdx );
var $a = $( '<a>' )
.addClass( 'NavToggle' )
.attr( 'id', 'NavToggle' + navIdx )
.attr( 'href', 'javascript:collapsibleBox(' + navIdx + ');' )
.text( navFrameCollapseCaption );
$navFrame.children( '.BoxHead' ).append( $a );
colNavs[navIdx++] = $navFrame;
}
} );
for ( i = 0; i < navIdx; i++ ) {
if ( colNavs[i].hasClass( 'collapsed' ) ||
( navIdx > NavigationBarShowDefault &&
!colNavs[i].hasClass( 'expanded' )
)
) {
collapsibleBox( i );
}
}
}
mw.hook( 'wikipage.content' ).add( collapsibleBoxs );
function collapsibleBox( idx ) {
var $div = $( '#BoxFrame' + idx ),
$btn = $( '#NavToggle' + idx );
if ( !$div.length || !$btn.length ) {
return false;
}
var isExpanded = ( $btn.text() === navFrameCollapseCaption );
$btn.text( isExpanded ? navFrameExpandCaption : navFrameCollapseCaption );
$div.children( '.BoxContent, .BoxPic' ).each( function() {
$( this ).css( 'display', isExpanded ? 'none' : 'block' );
} );
}
$(document).on('click', 'a', function() {
// Регулярное выражение для определения, ваш ли это сайт? (нужно изменить)
var site = /wikimultia\.org/;
// Получаем направление ссылки
var href = $(this).attr('href');
// Работаем только если ссылка абсолютная, и ведёт не на наш сайт
if (/^(http|https|ftp)/.test(href) && !site.test(href)) {
$(this).attr('target', '_blank');
}
});
/**
* Modified Version of an alternative tabber implementation,
* Allows better fallback for mobile-devices (no Javascript on wikia)
* as well as some other useful features.
* Modifications are mainly changes for wikia's Oasis skin.
* Original copyright follows.
*/
/*==================================================
$Id: tabber.js,v 1.9 2006/04/27 20:51:51 pat Exp $
tabber.js by Patrick Fitzgerald [email protected]
Documentation can be found at the following URL:
http://www.barelyfitz.com/projects/tabber/
License (http://www.opensource.org/licenses/mit-license.php)
Copyright (c) 2006 Patrick Fitzgerald
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
==================================================*/
function tabberObjImproved(argsObj)
{
var arg; /* name of an argument to override */
/* Element for the main tabber div. If you supply this in argsObj,
then the init() method will be called.
*/
this.div = null;
/* Class of the main tabber div */
this.classMain = "tabberImproved";
/* Rename classMain to classMainLive after tabifying
(so a different style can be applied)
*/
this.classMainLive = "tabberliveImproved";
/* Class of each DIV that contains a tab */
this.classTab = "tabbertabImproved";
/* Class to indicate which tab should be active on startup */
this.classTabDefault = "tabbertabdefaultImproved";
/* Class for the navigation UL */
this.classNav = "tabbernavImproved";
/* When a tab is to be hidden, instead of setting display='none', we
set the class of the div to classTabHide. In your screen
stylesheet you should set classTabHide to display:none. In your
print stylesheet you should set display:block to ensure that all
the information is printed.
*/
this.classTabHide = "tabbertabhideImproved";
/* Class to set the navigation LI when the tab is active, so you can
use a different style on the active tab.
*/
this.classNavActive = "tabberactiveImproved";
/* Elements that might contain the title for the tab, only used if a
title is not specified in the TITLE attribute of DIV classTab.
*/
this.titleElements = ['h2','h3','h4','h5','h6'];
/* Should we strip out the HTML from the innerHTML of the title elements?
This should usually be true.
*/
this.titleElementsStripHTML = true;
/* If the user specified the tab names using a TITLE attribute on
the DIV, then the browser will display a tooltip whenever the
mouse is over the DIV. To prevent this tooltip, we can remove the
TITLE attribute after getting the tab name.
*/
this.removeTitle = true;
/* If you want to add an id to each link set this to true */
this.addLinkId = false;
/* If addIds==true, then you can set a format for the ids.
<tabberid> will be replaced with the id of the main tabber div.
<tabnumberzero> will be replaced with the tab number
(tab numbers starting at zero)
<tabnumberone> will be replaced with the tab number
(tab numbers starting at one)
<tabtitle> will be replaced by the tab title
(with all non-alphanumeric characters removed)
*/
this.linkIdFormat = '<tabberid>nav<tabnumberone>';
/* You can override the defaults listed above by passing in an object:
var mytab = new tabber({property:value,property:value});
*/
for (arg in argsObj) { this[arg] = argsObj[arg]; }
/* Create regular expressions for the class names; Note: if you
change the class names after a new object is created you must
also change these regular expressions.
*/
this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');
this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');
this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');
this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');
this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');
/* Array of objects holding info about each tab */
this.tabs = new Array();
/* If the main tabber div was specified, call init() now */
if (this.div) {
this.init(this.div);
/* We don't need the main div anymore, and to prevent a memory leak
in IE, we must remove the circular reference between the div
and the tabber object. */
this.div = null;
}
}
/*--------------------------------------------------
Methods for tabberObj
--------------------------------------------------*/
tabberObjImproved.prototype.init = function(e)
{
/* Set up the tabber interface.
e = element (the main containing div)
Example:
init(document.getElementById('mytabberdiv'))
*/
var
childNodes, /* child nodes of the tabber div */
i, i2, /* loop indices */
t, /* object to store info about a single tab */
defaultTab=0, /* which tab to select by default */
DOM_ul, /* tabbernav list */
DOM_li, /* tabbernav list item */
DOM_a, /* tabbernav link */
aId, /* A unique id for DOM_a */
headingElement; /* searching for text to use in the tab */
/* Verify that the browser supports DOM scripting */
if (!document.getElementsByTagName) { return false; }
/* If the main DIV has an ID then save it. */
if (e.id) {
this.id = e.id;
}
/* Clear the tabs array (but it should normally be empty) */
this.tabs.length = 0;
/* Loop through an array of all the child nodes within our tabber element. */
childNodes = e.childNodes;
for(i=0; i < childNodes.length; i++) {
/* Find the nodes where class="tabbertab" */
if(childNodes[i].className &&
childNodes[i].className.match(this.REclassTab)) {
/* Create a new object to save info about this tab */
t = new Object();
/* Save a pointer to the div for this tab */
t.div = childNodes[i];
/* Add the new object to the array of tabs */
this.tabs[this.tabs.length] = t;
/* If the class name contains classTabDefault,
then select this tab by default.
*/
if (childNodes[i].className.match(this.REclassTabDefault)) {
defaultTab = this.tabs.length-1;
}
}
}
/* Create a new UL list to hold the tab headings */
DOM_ul = document.createElement("ul");
DOM_ul.className = this.classNav;
/* Loop through each tab we found */
for (i=0; i < this.tabs.length; i++) {
t = this.tabs[i];
/* Make the ID an empty string by default */
t.linkID = "";
/* Get the label to use for this tab:
From the title attribute on the DIV,
Or from one of the this.titleElements[] elements,
Or use an automatically generated number.
*/
/* So try to get the title from an element within the DIV.
Go through the list of elements in this.titleElements
(typically heading elements ['h2','h3','h4'])
*/
for (i2=0; i2<this.titleElements.length; i2++) {
headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
if (headingElement) {
t.headingText = headingElement.innerHTML;
if (this.titleElementsStripHTML) {
/* remove edit-button's text */
t.headingText =
t.headingText.replace(/<span([^>])+?class="editsection">.*?<\/span>/, "");
t.headingText.replace(/<br>/gi," ");
t.headingText = t.headingText.replace(/<[^>]+>/g,"");
}
/* Retrieve the id and delete it from the span in the heading
so that links can go to the new position.
*/
t.linkID = headingElement.getElementsByClassName("mw-headline")[0].id;
headingElement.getElementsByClassName("mw-headline")[0].id = "";
break;
}
}
/* Overwrite the title if an alternative title is supplied */
if (t.div.title) {
t.headingText = t.div.title;
}
/* Remove the title attribute to prevent a tooltip from appearing */
if (this.removeTitle) { t.div.title = ''; }
if (!t.headingText) {
/* Title was not found (or is blank) so automatically generate a
number for the tab.
*/
t.headingText = i + 1;
}
/* Create a list element for the tab */
DOM_li = document.createElement("li");
/* Save a reference to this list item so we can later change it to
the "active" class */
t.li = DOM_li;
/* Add the saved ID to the li item to make the link point here */
t.li.id = t.linkID;
/* Add wikias headline-class so their script will recognize it */
t.li.className += " mw-headline";
/* Create a link to activate the tab */
DOM_a = document.createElement("a");
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = "javascript:void(null);";
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;
/* Add some properties to the link so we can identify which tab
was clicked. Later the navClick method will need this.
*/
DOM_a.tabber = this;
DOM_a.tabberIndex = i;
/* Do we need to add an id to DOM_a? */
if (this.addLinkId && this.linkIdFormat) {
/* Determine the id name */
aId = this.linkIdFormat;
aId = aId.replace(/<tabberid>/gi, this.id);
aId = aId.replace(/<tabnumberzero>/gi, i);
aId = aId.replace(/<tabnumberone>/gi, i+1);
aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));
DOM_a.id = aId;
}
/* Add the link to the list element */
DOM_li.appendChild(DOM_a);
/* Add the list element to the list */
DOM_ul.appendChild(DOM_li);
}
/* Add the UL list to the beginning of the tabber div */
e.insertBefore(DOM_ul, e.firstChild);
/* Make the tabber div "live" so different CSS can be applied */
e.className = e.className.replace(this.REclassMain, this.classMainLive);
/* Activate the default tab, and do not call the onclick handler */
this.tabShow(defaultTab);
/* If the user specified an onLoad function, call it now. */
if (typeof this.onLoad == 'function') {
this.onLoad({tabber:this});
}
return this;
};
tabberObjImproved.prototype.navClick = function(event)
{
/* This method should only be called by the onClick event of an <A>
element, in which case we will determine which tab was clicked by
examining a property that we previously attached to the <A>
element.
Since this was triggered from an onClick event, the variable
"this" refers to the <A> element that triggered the onClick
event (and not to the tabberObjImproved).
When tabberObjImproved was initialized, we added some extra properties
to the <A> element, for the purpose of retrieving them now. Get
the tabberObjImproved object, plus the tab number that was clicked.
*/
var
rVal, /* Return value from the user onclick function */
a, /* element that triggered the onclick event */
self, /* the tabber object */
tabberIndex, /* index of the tab that triggered the event */
onClickArgs; /* args to send the onclick function */
a = this;
if (!a.tabber) { return false; }
self = a.tabber;
tabberIndex = a.tabberIndex;
/* Remove focus from the link because it looks ugly.
I don't know if this is a good idea...
*/
a.blur();
/* If the user specified an onClick function, call it now.
If the function returns false then do not continue.
*/
if (typeof self.onClick == 'function') {
onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};
/* IE uses a different way to access the event object */
if (!event) { onClickArgs.event = window.event; }
rVal = self.onClick(onClickArgs);
if (rVal === false) { return false; }
}
self.tabShow(tabberIndex);
return false;
};
tabberObjImproved.prototype.tabHideAll = function()
{
var i; /* counter */
/* Hide all tabs and make all navigation links inactive */
for (i = 0; i < this.tabs.length; i++) {
this.tabHide(i);
}
};
tabberObjImproved.prototype.tabHide = function(tabberIndex)
{
var div;
if (!this.tabs[tabberIndex]) { return false; }
/* Hide a single tab and make its navigation link inactive */
div = this.tabs[tabberIndex].div;
/* Hide the tab contents by adding classTabHide to the div */
if (!div.className.match(this.REclassTabHide)) {
div.className += ' ' + this.classTabHide;
}
this.navClearActive(tabberIndex);
return this;
};
tabberObjImproved.prototype.tabShow = function(tabberIndex)
{
/* Show the tabberIndex tab and hide all the other tabs */
var div;
if (!this.tabs[tabberIndex]) { return false; }
/* Hide all the tabs first */
this.tabHideAll();
/* Get the div that holds this tab */
div = this.tabs[tabberIndex].div;
/* Remove classTabHide from the div */
div.className = div.className.replace(this.REclassTabHide, '');
/* Mark this tab navigation link as "active" */
this.navSetActive(tabberIndex);
/* If the user specified an onTabDisplay function, call it now. */
if (typeof this.onTabDisplay == 'function') {
this.onTabDisplay({'tabber':this, 'index':tabberIndex});
}
return this;
};
tabberObjImproved.prototype.navSetActive = function(tabberIndex)
{
/* Note: this method does *not* enforce the rule
that only one nav item can be active at a time.
*/
/* Set classNavActive for the navigation list item */
this.tabs[tabberIndex].li.className += ' ' + this.classNavActive;
return this;
};
tabberObjImproved.prototype.navClearActive = function(tabberIndex)
{
/* Note: this method does *not* enforce the rule
that one nav should always be active.
*/
/* Remove classNavActive from the navigation list item */
var li = this.tabs[tabberIndex].li;
li.className = li.className.replace( this.classNavActive, "" );
return this;
};
/*==================================================*/
function tabberAutomaticImproved(tabberArgs)
{
/* This function finds all DIV elements in the document where
class=tabber.classMain, then converts them to use the tabber
interface.
tabberArgs = an object to send to "new tabber()"
*/
var
tempObj, /* Temporary tabber object */
divs, /* Array of all divs on the page */
i; /* Loop index */
if (!tabberArgs) { tabberArgs = {}; }
/* Create a tabber object so we can get the value of classMain */
tempObj = new tabberObjImproved(tabberArgs);
/* Find all DIV elements in the document that have class=tabber */
/* First get an array of all DIV elements and loop through them */
divs = document.getElementsByTagName("div");
for (i=0; i < divs.length; i++) {
/* Is this DIV the correct class? */
if (divs[i].className &&
divs[i].className.match(tempObj.REclassMain)) {
/* Now tabify the DIV */
tabberArgs.div = divs[i];
divs[i].tabber = new tabberObjImproved(tabberArgs);
}
}
return this;
}
/*==================================================*/
function tabberAutomaticOnLoadImproved(tabberArgs)
{
if (!tabberArgs) { tabberArgs = {}; }
$(tabberAutomaticImproved(tabberArgs));
}
/*==================================================*/
/* Run automatically unless the "manualStartup" option was specified */
if (typeof tabberOptionsImproved == 'undefined') {
/* Execute the script when a page preview is rendered */
if ( window.mediaWiki.config.get('skin') === 'oasis' && window.mediaWiki.config.get('wgAction') === 'edit') {
$(window).on('EditPageAfterRenderPreview', function(ev, popup) {
tabberAutomaticImproved();
});
}
tabberAutomaticOnLoadImproved();
} else {
if (!tabberOptionsImproved.manualStartup) {
tabberAutomaticOnLoadImproved(tabberOptions);
}
}