GlassCannon Wiki — энциклопедия игр Blizzard - Вклад участника [ru]

Module:Vertical header

2022-09-28T22:30:53Z

Ozzy: Новая страница: «local p = {} function p.cell(frame) local text = frame.args.text local sortPadding = frame.args.sortPadding local vertAlign = frame.args.vertAlign local maxW…»

local p = {}

function p.cell(frame)
local text = frame.args.text
local sortPadding = frame.args.sortPadding
local vertAlign = frame.args.vertAlign
local maxWidth = frame.args.maxWidth
local noBold = frame.args.noBold
local style = frame.args.style:gsub("\"", """)
local cellStyle = frame.args.cellstyle:gsub("\"", """)
local wikiText = "class = \"nowrap"
local normalAlign = ""
-- local stupidIEAlign = ""
local rows = 1
local width = 0
if maxWidth ~= "" then
width = maxWidth
else
for eachMatch in text:gmatch("<[bB][rR] */? *>") do
rows = rows + 1
end
width = rows * 0.875
width = width .. "em"
end
if sortPadding == "" then
wikiText = wikiText .. " unsortable"
end
wikiText = wikiText .. "\" style=\"line-height:99%;vertical-align:" .. vertAlign .. ";padding:"
if sortPadding == "" then
wikiText = wikiText .. ".4em"
else
wikiText = wikiText .. "21px"
end
wikiText = wikiText .. " .4em .2em;background-position:50% .4em !important;"
wikiText = wikiText .. "min-width:" .. width .. ";max-width:" .. width .. ";width:" .. width .. ";overflow:hidden;" .. cellStyle .. "\""
wikiText = wikiText .. " | <div style=\"" .. frame:preprocess("{{writing-mode|v1}}{{Transform-rotate|180}}") .. "-ms-transform: none \ ;padding-left:1px;text-align:"
if vertAlign == "top" then
normalAlign = "right"
-- stupidIEAlign = "left"
elseif vertAlign == "middle" then
normalAlign = "center"
-- stupidIEAlign = "center"
else
normalAlign = "left"
-- stupidIEAlign = "right"
end
wikiText = wikiText .. normalAlign .. ";" -- text-align:" .. stupidIEAlign .. " \ ;"
wikiText = wikiText .. style .. "\">"
if noBold == "" then
wikiText = wikiText .. text
else
wikiText = wikiText .. frame:preprocess("{{nobold|1=" .. text .. "}}")
end
wikiText = wikiText .. "</div>"
return wikiText
end

return p

Заглавная страница

2021-07-04T20:47:36Z

Ozzy:

Добро пожаловать на GlassCannon Wiki! Всего в нашей энциклопедии сейчас {{NUMBEROFARTICLES}} статей. Перед редактированием, пожалуйста, ознакомьтесь с [[Принципы GlassCannon Wiki|принципами нашей Wiki]].

* [[Дорожная карта]]
* [[Статьи-источники]]

{| class="wikitable" width="100%"
! style="width: 16%;"| <pic src="/Icon-Blizzard-Entertainment.jpg" width=90% /> <br><div style="font-size:16px;">Общее</div>
! style="width: 16%;"| [[Файл:Icon-Game-Diablo.jpg|frameless|135px|link=Diablo]] <br><div style="font-size:16px;">[[Diablo]]</div>
! style="width: 17%;"| [[Файл:Icon-Game-Diablo-2.jpg|frameless|135px|link=Diablo II]] <br><div style="font-size:16px;">[[Diablo II]]</div>
! style="width: 17%;"| [[Файл:Icon-Game-Diablo-3.jpg|frameless|135px|link=Diablo III]] <br><div style="font-size:16px;">[[Diablo III]]</div>
! style="width: 17%;"| [[Файл:Icon-Game-Diablo-4.jpg|frameless|135px|link=Diablo IV]] <br><div style="font-size:16px;">[[Diablo IV]]</div>
! style="width: 17%;"| [[Файл:Icon-Game-Diablo-Immortal.jpg|frameless|135px|link=Diablo Immortal]] <br><div style="font-size:16px;">[[Diablo Immortal]]</div>

|-
|style="vertical-align: top;"|
* [[Файл:Blizzard-icon.webp|20px|link=Blizzard Entertainment]] [[Blizzard Entertainment]]
* [[Файл:Blizzard-North-icon.webp|20px|link=Blizzard Entertainment]] [[Blizzard North]]
* Неанонсированные игры
** [[Diablo III (Blizzard North)]]
** [[Diablo Junior]]
** [[Starblo]]
** [[Hades]]
** [[Fenris]]
* Отмененные игры
** [[WarCraft Adventures: Lord of the Clans]]
** [[Shattered Nations]]
** [[StarCraft: Ghost]]
** [[Titan]]
* [[Файл:Battlenet-icon.webp|20px|link=Battle.net]] [[Battle.net]]
* [[BattleTag]]
* [[Файл:BlizzCon-icon.webp|20px|link=BlizzCon]] [[BlizzCon]]

| style="vertical-align: top;"|
* [[История версий Diablo|История версий]]
* [[Diablo: Hellfire]]
* [[Файл:Diablo-4-Classes-icon.svg|20px|link=Классы (Diablo)]] [[Классы (Diablo)|Классы]]
** [[Воин (Diablo)|Воин]]
** [[Разбойница (Diablo)|Разбойница]]
** [[Волшебник (Diablo)|Волшебник]]
** [[Монах (Diablo)|Монах]]
** [[Варвар (Diablo)|Варвар]]
** [[Бард (Diablo)|Бард]]
* [[Экипировка (Diablo)|Экипировка]]
* [[Святилища (Diablo)|Святилища]]
* [[Файл:Monsters-icon.webp|20px|link=Бестиарий (Diablo)]] [[Бестиарий (Diablo)|Бестиарий]]
** [[Боссы (Diablo)|Боссы]]
* [[Уровни сложности (Diablo)|Уровни сложности]]
* [[Игрок против игрока (Diablo)|Игрок против игрока]]
* [[Модификации (Diablo)|Модификации]]
* [[Саундтрек (Diablo)|Саундтрек]]
* [[Системные требования (Diablo)|Системные требования]]
* [[Титры (Diablo)|Титры]]

|style="vertical-align: top;"|
* [[The Arreat Summit|Руководство]]
* [[История версий Diablo II|История версий]]
* [[Diablo II: Lord of Destruction]]
* [[Diablo II: Salvation]]
* [[Diablo II: Resurrected]]
* [[Файл:Diablo-4-Classes-icon.svg|20px|link=Классы (Diablo II)]] [[Классы (Diablo II)|Классы]]
** [[Амазонка (Diablo II)|Амазонка]]
** [[Ассасин (Diablo II)|Ассасин]]
** [[Варвар (Diablo II)|Варвар]]
** [[Волшебница (Diablo II)|Волшебница]]
** [[Друид (Diablo II)|Друид]]
** [[Некромант (Diablo II)|Некромант]]
** [[Паладин (Diablo II)|Паладин]]
* [[Экипировка (Diablo II)|Экипировка]]
** [[Комплектные предметы (Diablo II)|Комплектные предметы]]
** [[Уникальные предметы (Diablo II)|Уникальные предметы]]
** [[Самоцветы (Diablo II)|Самоцветы]]
** [[Руны (Diablo II)|Руны]]
*** [[Рунные слова (Diablo II)|Рунные слова]]
* [[Файл:Monsters-icon.webp|20px|link=Бестиарий (Diablo II)]] [[Бестиарий (Diablo II)|Бестиарий]]
** [[Боссы (Diablo II)|Боссы]]
* [[Уровни сложности (Diablo II)|Уровни сложности]]
* [[Героический режим (Diablo II)|Героический режим]]
* [[Игрок против игрока (Diablo II)|Игрок против игрока]]
* [[Наемники (Diablo II)|Наемники]]
* [[Сезоны (Diablo II)|Сезоны]]
* [[Кампания (Diablo II)|Кампания]]
** [[Акт I (Diablo II)|Акт I]]
** [[Акт II (Diablo II)|Акт II]]
** [[Акт III (Diablo II)|Акт III]]
** [[Акт IV (Diablo II)|Акт IV]]
** [[Акт V (Diablo II)|Акт V]]
** [[The Secret Cow Level (Diablo II)|The Secret Cow Level]]
* [[Модификации (Diablo II)|Модификации]]
* [[Саундтрек (Diablo II)|Саундтрек]]
* [[Системные требования (Diablo II)|Системные требования]]
* [[Титры (Diablo II)|Титры]]

|style="vertical-align: top;"|
* [[История версий Diablo III|История версий]]
* [[Diablo III: Reaper of Souls]]
* [[Diablo III: The King in the North]]
* [[Diablo III: Возвращение некроманта]]
* [[Файл:Diablo-4-Classes-icon.svg|20px|link=Классы (Diablo III)]] [[Классы (Diablo III)|Классы]]
** [[Файл:Diablo-3-Barbarian-icon.webp|20px|link=Варвар (Diablo III)]] [[Варвар (Diablo III)|Варвар]]
** [[Файл:Diablo-3-Crusader-icon.webp|20px|link=Крестоносец (Diablo III)]] [[Крестоносец (Diablo III)|Крестоносец]]
** [[Файл:Diablo-3-Demon-Hunter-icon.webp|20px|link=Охотник на демонов (Diablo III)]] [[Охотник на демонов (Diablo III)|Охотник на демонов]]
** [[Файл:Diablo-3-Monk-icon.webp|20px|link=Монах (Diablo III)]] [[Монах (Diablo III)|Монах]]
** [[Файл:Diablo-3-Necromancer-icon.webp|20px|link=Некромант (Diablo III)]] [[Некромант (Diablo III)|Некромант]]
** [[Файл:Diablo-3-Witch-Doctor-icon.webp|20px|link=Колдун (Diablo III)]] [[Колдун (Diablo III)|Колдун]]
** [[Файл:Diablo-3-Wizard-icon.webp|20px|link=Чародей (Diablo IV)]] [[Чародей (Diablo III)|Чародей]]
* [[Экипировка (Diablo III)|Экипировка]]
** [[Комплектные предметы (Diablo III)|Комплектные предметы]]
** [[Легендарные предметы (Diablo III)|Легендарные предметы]]
** [[Бесплотные предметы (Diablo III)|Бесплотные предметы]]
** [[Самоцветы (Diablo III)|Самоцветы]]
* [[Файл:Monsters-icon.webp|20px|link=Бестиарий (Diablo III)]] [[Бестиарий (Diablo III)|Бестиарий]]
** [[Боссы (Diablo III)|Боссы]]
* [[Уровни сложности (Diablo III)|Уровни сложности]]
* [[Героический режим (Diablo III)|Героический режим]]
* [[Сезоны (Diablo III)|Сезоны]]
** [[Сезонные завоевания (Diablo III)|Сезонные завоевания]]
* [[Рейтинговые таблицы (Diablo III)|Рейтинговые таблицы]]
* [[Уровни совершенствования (Diablo III)|Уровни совершенствования]]
* [[Адское устройство (Diablo III)|Адское устройство]]
* [[Достижения (Diablo III)|Достижения]]
* [[Игрок против игрока (Diablo III)|Игрок против игрока]]
** [[Бои без правил (Diablo III)|Бои без правил]]
** [[Арена (Diablo III)|Арена]]
* [[Порталы дерзаний (Diablo III)|Порталы дерзаний]]
* [[Коллекция (Diablo III)|Коллекция]]
** [[Крылья (Diablo III)|Крылья]]
** [[Питомцы (Diablo III)|Питомцы]]
** [[Флаги (Diablo III)|Флаги]]
** [[Рамки для портрета (Diablo III)|Рамки для портрета]]
** [[Знамя (Diablo III)|Знамена]]
* [[Режим приключений (Diablo III)|Режим приключений]]
** [[Поручения (Diablo III)|Поручения]]
** [[Нефалемские порталы (Diablo III)|Нефалемские порталы]]
** [[Комплектные подземелья (Diablo III)|Комплектные подземелья]]
* [[Ремесленники (Diablo III)|Ремесленники]]
** [[Кузнец (Diablo III)|Кузнец]]
** [[Ювелир (Diablo III)|Ювелир]]
** [[Гадалка (Diablo III)|Гадалка]]
** [[Куб Канаи (Diablo III)|Куб Канаи]]
* [[Спутники (Diablo III)|Спутники]]
** [[Храмовник (Diablo III)|Храмовник]]
** [[Негодяй (Diablo III)|Негодяй]]
** [[Заклинательница (Diablo III)|Заклинательница]]
* [[Кампания (Diablo III)|Кампания]]
* [[Клан (Diablo III)|Клан]]
* [[Саундтрек (Diablo III)|Саундтрек]]
* [[Системные требования (Diablo III)|Системные требования]]
* [[Титры (Diablo III)|Титры]]

|style="vertical-align: top;"|
* [[История версий Diablo IV|История версий]]
* [[Файл:Diablo-4-Classes-icon.svg|20px|link=Классы (Diablo IV)]] [[Классы (Diablo IV)|Классы]]
** [[Файл:Diablo-4-Barbarian-icon.webp|20px|link=Варвар (Diablo IV)]] [[Варвар (Diablo IV)|Варвар]]
** [[Файл:Diablo-4-Druid-icon.webp|20px|link=Друид (Diablo IV)]] [[Друид (Diablo IV)|Друид]]
** [[Файл:Diablo-4-Sorceress-icon.webp|20px|link=Волшебница (Diablo IV)]] [[Волшебница (Diablo IV)|Волшебница]]
** [[Файл:Diablo-4-Rogue-icon.webp|20px|link=Разбойница (Diablo IV)]] [[Разбойница (Diablo IV)|Разбойница]]
* [[Умения (Diablo IV)|Умения]]
* [[Таланты (Diablo IV)|Таланты]]
* [[Экипировка (Diablo IV)|Экипировка]]
** [[Легендарные предметы (Diablo IV)|Легендарные предметы]]
** [[Комплектные предметы (Diablo IV)|Комплектные предметы]]
** [[Мифические предметы (Diablo IV)|Мифические предметы]]
** [[Руны (Diablo IV)|Руны]]
** [[Самоцветы (Diablo IV)|Самоцветы]]
* [[Святилища (Diablo IV)|Святилища]]
* [[Файл:Diablo-4-World-icon.svg|20px|link=Регионы (Diablo IV)]] [[Регионы (Diablo IV)|Регионы]]
** [[Скосглен (Diablo IV)|Скосглен]]
** [[Расколотые вершины (Diablo IV)|Расколотые вершины]]
** [[Бесплодная степь (Diablo IV)|Бесплодная степь]]
** [[Хавезар (Diablo IV)|Хавезар]]
** [[Кеджистан (Diablo IV)|Кеджистан]]
* [[Подземелья (Diablo IV)|Подземелья]]
** [[Drowning Caverns (Diablo IV)|Drowning Caverns]]
** [[Corbach Crypts (Diablo IV)|Corbach Crypts]]
** [[Garan Hold Dungeon (Diablo IV)|Garan Hold Dungeon]]
** [[Domhainne Tunnels (Diablo IV)|Domhainne Tunnels]]
* [[Файл:Monsters-icon.webp|20px|link=Бестиарий (Diablo IV)]] [[Бестиарий (Diablo IV)|Бестиарий]]
** [[Боссы (Diablo IV)|Боссы]]
*** [[Ашава]]
*** [[Дюриэль]]
*** [[Tomb Lord]]
*** [[Merinth of the Deep]]
* [[Транспорт (Diablo IV)|Транспорт]]
* [[Лагеря (Diablo IV)|Лагеря]]
* [[Героический режим (Diablo IV)|Героический режим]]
* [[Достижения (Diablo IV)|Достижения]]
* [[Игрок против игрока (Diablo IV)|Игрок против игрока]]
* [[Клан (Diablo IV)|Клан]]
* [[Сезоны (Diablo IV)|Сезоны]]
* [[Саундтрек (Diablo IV)|Саундтрек]]
* [[Системные требования (Diablo IV)|Системные требования]]
* [[Титры (Diablo IV)|Титры]]

|style="vertical-align: top;"|
* [[История версий Diablo Immortal|История версий]]
* [[Файл:Diablo-4-Classes-icon.svg|20px|link=Классы (Diablo Immortal)]] [[Классы (Diablo Immortal)|Классы]]
** [[Файл:Diablo-Immortal-Barbarian-icon.webp|20px|link=Варвар (Diablo Immortal)]] [[Варвар (Diablo Immortal)|Варвар]]
** [[Файл:Diablo-Immortal-Crusader-icon.webp|20px|link=Крестоносец (Diablo Immortal)]] [[Крестоносец (Diablo Immortal)|Крестоносец]]
** [[Файл:Diablo-Immortal-Demon-Hunter-icon.webp|20px|link=Охотник на демонов (Diablo Immortal)]] [[Охотник на демонов (Diablo Immortal)|Охотник на демонов]]
** [[Файл:Diablo-Immortal-Monk-icon.webp|20px|link=Монах (Diablo Immortal)]] [[Монах (Diablo Immortal)|Монах]]
** [[Файл:Diablo-Immortal-Necromancer-icon.webp|20px|link=Некромант (Diablo Immortal)]] [[Некромант (Diablo Immortal)|Некромант]]
** [[Файл:Diablo-Immortal-Wizard-icon.webp|20px|link=Чародей (Diablo Immortal)]] [[Чародей (Diablo Immortal)|Чародей]]
* [[Экипировка (Diablo Immortal)|Экипировка]]
** [[Легендарные предметы (Diablo Immortal)|Легендарные предметы]]
** [[Легендарные самоцветы (Diablo Immortal)|Легендарные самоцветы]]
** [[Руны (Diablo Immortal)|Руны]]
* [[Древние порталы (Diablo Immortal)|Древние порталы]]
* [[Святилища (Diablo Immortal)|Святилища]]
* [[Талисманы (Diablo Immortal)|Талисманы]]
* [[Уровни совершенствования (Diablo Immortal)|Уровни совершенствования]]
* [[Гильдии (Diablo Immortal)|Гильдии]]
* [[Файл:Monsters-icon.webp|20px|link=Бестиарий (Diablo Immortal)]] [[Бестиарий (Diablo Immortal)|Бестиарий]]
** [[Боссы (Diablo Immortal)|Боссы]]
* [[Города (Diablo Immortal)|Города]]
** [[Вестмарш (Diablo Immortal)|Вестмарш]]
* [[Файл:Diablo-4-World-icon.svg|20px|link=Открытые зоны (Diablo Immortal)]] [[Открытые зоны (Diablo Immortal)|Открытые зоны]]
** [[Библиотека Золтуна Кулла (Diablo Immortal)|Библиотека Золтуна Кулла]]
** [[Гиблый остров (Diablo Immortal)|Гиблый остров]]
** [[Темнолесье (Diablo Immortal)|Темнолесье]]
** [[Море Шассар (Diablo Immortal)|Море Шассар]]
** [[Мерзлая тундра (Diablo Immortal)|Мерзлая тундра]]
** [[Пик Завейн (Diablo Immortal)|Пик Завейн]]
** [[Вортем (Diablo Immortal)|Вортем]]
** [[Эшволдское кладбище (Diablo Immortal)|Эшволдское кладбище]]
* [[Подземелья (Diablo Immortal)|Подземелья]]
** [[Mad King's Breach (Diablo Immortal)|Mad King's Breach]]
** [[Заброшенная башня (Diablo Immortal)|Заброшенная башня]]
** [[Гробница Фахира (Diablo Immortal)|Гробница Фахира]]
** [[Destruction's End (Diablo Immortal)|Destruction's End]]
** [[Temple of Namari (Diablo Immortal)|Temple of Namari]]
** [[Kikuras Rapids (Diablo Immortal)|Kikuras Rapids]]
** [[Court of Madness (Diablo Immortal)|Court of Madness]]
** [[Пещера отголосков (Diablo Immortal)|Пещера отголосков]]
** [[Испытание Киона (Diablo Immortal)|Испытание Киона]]
* [[Боевой пропуск (Diablo Immortal)|Боевой пропуск]]
* [[Клан (Diablo Immortal)|Клан]]
* [[Игрок против игрока (Diablo Immortal)|Игрок против игрока]]
* [[Саундтрек (Diablo Immortal)|Саундтрек]]
* [[Системные требования (Diablo Immortal)|Системные требования]]
* [[Титры (Diablo Immortal)|Титры]]
|}

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:48:29Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'red',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
'vertical-align': 'middle',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
display: 'inline-block',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:45:30Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'red',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
'vertical-align': 'middle',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:43:43Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'red',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
vertical-align: 'middle',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:42:46Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'red',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0,
//vertical-align: 'middle'
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:41:35Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'red',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0,
vertical-align: 'middle'
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:24:23Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'red',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:23:14Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'yellow',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/
/*
// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));
*/
var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Imagemap-Highlight.js

2021-06-08T23:22:11Z

Ozzy:

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'yellow',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
/*
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});
*/

// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));

var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

Амазонка (Diablo II)

2021-06-08T23:12:41Z

Ozzy:

{{В разработке}}

{{Класс (Diablo II)
| название = Амазонка
| иллюстрация = Diablo-2-Amazon-01.gif
| экипировка = Луки амазонок, копья амазонок, дротики амазонок
| стихии = Физический урон, молния, яд, холод, огонь, магический урон
}}

'''Амазонка''' {{en|Amazon}} — один из [[Классы (Diablo II)|классов]] персонажей в [[Diablo II]].

Аскари, известные также как амазонки, родом с островов Сковос, группы покрытых непроходимыми джунглями островов на Двух морях. Представители этого матриархального племени — могучие воительницы, которые путешествуют по миру, занимаясь наемным трудом и искореняя силы зла.

Наносите врагам колющие удары копьями и дротиками. Поражайте демонов шквалом стрел, орудуя луком не хуже сестер-разбойниц Незримого Ока. Избегайте смертоносных ударов, полагаясь на свою нечеловеческую ловкость. Амазонка всю жизнь готовилась к жестокой кузне войны и виртуозно владеет искусством боя.

This powerful woman warrior belongs to nomadic bands who roam the plains near the South Sea. The wandering of these groups often brings them into conflict with other peoples, so the Amazon is accustomed to fighting to defend her own. This lifestyle has made her fiercely independent and able to weather severe hardship and travel. While her skill with the bow rivals that of the Rogues, the Amazon is also adept in the use of spears and other throwing weapons, as well as in hand to hand combat. The Amazon is much sought after as a mercenary, in which type of service she will be loyal as long as her own ends are also served.

== История ==

The Amazons are women warriors who hail from a group of islands in the Twin Seas, near the border of the Great Ocean. Only the permanently snow-covered peak of Mount Karcheus breaks the expanses of lush forests on the islands.

The Amazon people are a relatively isolated culture. Adapting over the centuries to their tropical milieu, they have built magnificent cities in the forest canopy. These cities are an architectural phenomenon and a source of great pride to the Amazon people. They do not follow the teachings of the Zakarum, but instead practice a polytheistic religion that adheres to the strict principles of Order. Their oracles long ago predicted the Dark Exile, and they have been preparing to combat it ever since. Amazons regard the destruction of the Three Prime Evils as their destiny, ushering in a new era when mortal men and women can at long last take their rightful place in the universe, no longer merely playthings for the beings of the Outer Realms.

The Amazons are a seafaring people, one of the first to have made trade contact with both the Kingdoms of the West and with Kejhistan in the East. Their prominence in the world's trade establishment has afforded their warriors the reputation they currently enjoy as cunning strategists and skilled combatants. They are much sought after as mercenaries, being both expert soldiers as well as extremely loyal - as long as the assignment does not conflict with their strict sense of ethics.

Their pantheon of gods consists of a well-defined hierarchy, each member upholding some segment of the balance of Order. It is this strong sense of order that drives the Amazon people to achieve greatness in even the smallest of their endeavors. Their prime deity is Athulua who, with her consort, Kethryes, rules over the seasons and the weather. Under these Goddesses are a wide assortment of lesser deities, each responsible for his or her own sphere of influence among the Amazon people's daily life. The Amazons believe this pantheon is the remnant of the original inhabitants that settled the islands centuries ago. According to ancient records, they share the same names as these gods, although aspects of their personalities seem to have evolved over the centuries.

In the Amazon culture, only the women serve as warriors, their intrinsic superior dexterity and lithe body structures are better suited to combat in the dense rainforest environs of the islands. Their society is far from stratified, however, as men are responsible for any number of positions in the community, government, and clergy, as well as merchant and agricultural occupations.

Traits and Abilities:

While more than competent in hand-to-hand combat, training in the jungles of her native islands has shaped the Amazon's skill with the bow and missile weapons into one of unparalleled excellence. With the bow, her only rivals are the Sisters of the Sightless Eye. But, unlike her sisters in arms, the Amazon is also highly adept in the use of spears and other thrown weapons. The powers they possess are a combination of Prime magic, Holy magic and ingenious weapon construction.

== Умения ==

{| class="wikitable" style="margin-left: auto; margin-right: auto; border: none;"
! style="width: 225px;" | Дротики и копья
! style="width: 225px;" | Пассивные и магические навыки
! style="width: 225px;" | Луки и арбалеты
|-
| colspan="3" style="text-align:center; background: #0f0000"|
<div class="imageMapHighlighter"><imagemap>
Файл:D2-SkillTree-Amazon.png
rect 16 13 64 61 [[Выпад (Diablo II)]]
rect 16 149 64 197 [[Прокалывание (Diablo II)]]
rect 16 285 64 333 [[Лучшая защита (Diablo II)]]
rect 85 81 133 130 [[Мощный удар (Diablo II)]]
rect 85 217 133 265 [[Заряженный удар (Diablo II)]]
rect 85 353 133 401 [[Удар молнии (Diablo II)]]
rect 154 81 202 130 [[Отравленный дротик (Diablo II)]]
rect 154 149 202 197 [[Разряд молнии (Diablo II)]]
rect 154 217 202 265 [[Чумной дротик (Diablo II)]]
rect 154 353 202 401 [[Неистовство молний (Diablo II)]]

rect 247 13 295 61 [[Внутреннее зрение (Diablo II)]]
rect 247 149 295 197 [[Замедление снарядов (Diablo II)]]
rect 247 285 295 333 [[Двойник (Diablo II)]]
rect 247 353 295 401 [[Валькирия (Diablo II)]]
rect 316 81 364 130 [[Уклонение (Diablo II)]]
rect 316 149 364 197 [[Ускользание (Diablo II)]]
rect 316 285 364 333 [[Избежание (Diablo II)]]
rect 385 13 433 61 [[Критический удар (Diablo II)]]
rect 385 217 433 265 [[Пронзание (Diablo II)]]
rect 385 353 433 401 [[Пробивание (Diablo II)]]

rect 478 81 526 130 [[Морозная стрела (Diablo II)]]
rect 478 217 526 265 [[Ледяная стрела (умение амазонки, Diablo II)]]
rect 478 353 526 401 [[Замораживающая стрела (Diablo II)]]
rect 547 13 595 61 [[Магическая стрела (Diablo II)]]
rect 547 81 595 130 [[Залп (Diablo II)]]
rect 547 217 595 265 [[Самонаводящаяся стрела (Diablo II)]]
rect 547 285 595 333 [[Обстрел (Diablo II)]]
rect 616 13 664 61 [[Огненная стрела (умение амазонки, Diablo II)]]
rect 616 149 664 197 [[Взрывная стрела (Diablo II)]]
rect 616 285 664 333 [[Обжигающая стрела (Diablo II)]]
desc none
</imagemap></div>
|-
|}

== Экипировка ==

=== Комплекты ===

== Интересные факты ==
* Амазонку в англоязычной версии озвучила [[Джессика Штраус]].

== Медиа ==
=== Скриншоты ===

=== Иллюстрации ===
<gallery heights="200px">
Файл:Diablo-2-Amazon-artwork-01.jpg|<div style="text-align: center;">Иллюстрация амазонки ([[Kris Renkewitz]])|alt=Амазонка в Diablo 2</div>
Файл:Diablo-2-Amazon-artwork-02.jpg|<div style="text-align: center;">Иллюстрация амазонки|alt=Амазонка в Diablo 2</div>
</gallery>

== Примечания ==
{{примечания}}

== Ссылки ==
* [http://classic.battle.net/diablo2exp/classes/amazon.shtml Страница амазонки на официальном сайте игры]

{{Классы (Diablo II)}}
[[Категория:Классы (Diablo II)]]

MediaWiki:Common.js

2021-06-08T23:11:25Z

Ozzy:

/**
* Код, выполняемый по событию wikipage.content (его обработчики выполняются раньше колбэков для $,
* хотя в глубине это одно и то же событие, просто колбэк, инициирующий wikipage.content, становится
* в очередь раньше). Так как wikipage.content инициируется после обновления страницы в результате
* Ajax-запросов (например, гаджетом быстрого предпросмотра), не добавляйте сюда коды, которые
* должны гарантированно выполниться один раз на странице.
*/
mw.hook( 'wikipage.content' ).add( function () {
/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
//importScript( 'MediaWiki:Imagemap-Highlight.js' );
mw.loader.load( '/index.php?title=MediaWiki:Imagemap-Highlight.js&action=raw&ctype=text/javascript' );
}

});

MediaWiki:Common.js

2021-06-08T23:10:39Z

Ozzy:

/**
* Код MediaWiki:Common.js безусловно загружается всем пользователям на всех страницах. Во избежание
* отправки лишних запросов по возможности не используйте здесь mw.loader.using с модулями, которые
* не загружаются по умолчанию (см.
* [[Обсуждение MediaWiki:Common.js#Список модулей, загружаемых по умолчанию]]). В таком случае
* лучше создать скрытый гаджет, загружаемый по умолчанию, и добавить ему нужные модули в качестве
* зависимостей.
*/

/**
* Локальная функция загрузки скриптов с поддержкой указания проекта
*/
var importScript_ = importScript;
importScript = function ( page, proj ) {
if ( !proj ) {
importScript_( page );
} else {
if ( proj.indexOf( '.' ) === -1 ) {
proj += '.wikipedia.org';
}
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.loader.load( '//' + proj + '/w/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
// collapsibleTablesItrIdx - временное решние, чтобы не дублировались id,
// если во время срабатывания хука 'wikipage.content' добавляются новые сворачиваемые блоки
var collapsibleTablesItrIdx = 0;

function collapsibleTables( $content ) {
var $btn,
$a,
tblIdx = collapsibleTablesItrIdx,
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 = collapsibleTablesItrIdx; 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 );
}
}
collapsibleTablesItrIdx = tblIdx;
// Нужно переписать код на "mw-collapsible", и заменить использование хука на "wikipage.collapsibleContent"
mw.hook( 'common.collapsibleContent' ).fire( colTables );
}

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 () {
function collapsibleDivs( $content ) {
var navFrameIndex = 0,
navFrames = [],
i;

$content.find( 'div' ).each( function () {
var $div = $( this );
if ( $div.hasClass( 'NavFrame' ) ) {
var $btn = $( '<a>' )
.addClass( 'NavToggle' )
.attr( 'href', 'javascript:' )
.text( navFrameCollapseCaption )
.click( navToggleClickHandler );
$div.children( '.NavHead' ).append( $btn );
navFrames[ navFrameIndex++ ] = $div;
}
} );
for ( i = 0; i < navFrameIndex; i++ ) {
if ( navFrames[ i ].hasClass( 'collapsed' ) ||
( navFrameIndex > NavigationBarShowDefault &&
!navFrames[ i ].hasClass( 'expanded' )
)
) {
toggleDiv( navFrames[ i ] );
}
}
}

mw.hook( 'wikipage.content' ).add( collapsibleDivs );

function navToggleClickHandler() {
var $btn = $( this );
toggleDiv( $btn.closest( '.NavFrame' ), $btn );
}

function toggleDiv( $div, $btn ) {
$btn = $btn || $div.find( '.NavToggle' ).first();
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' );
} );
}

/**
* Загрузка скриптов через систему подгаджетов
*/
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' ];

if ( actionGadgets[ action ] ) {
mw.loader.load( actionGadgets[ action ] );
}

// Скрипты для пространств
var namespaceGadgets = {
6: [ 'ext.gadget.common-namespace-file' ]
};

if ( namespaceGadgets[ namespaceNumber ] ) {
mw.loader.load( namespaceGadgets[ namespaceNumber ] );
}
}
}() );

/**
* Старые коды
*/
if ( navigator.platform.indexOf( 'Win' ) !== -1 ) {
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.util.addCSS( '.IPA, .Unicode { font-family: "Arial Unicode MS", "Lucida Sans Unicode"; }' );
} );
}

/**
* Дополнительный функционал для заглавной страницы
*/
if ( mw.config.get( 'wgIsMainPage' ) && mw.config.get( 'wgAction' ) === 'view' ) {
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 );
} );
} );
} );

// Закрываем меню при клике за его пределами
mw.hook( 'wikipage.content' ).add( function () {
var $items = $( '.main-footer-menuToggle' ),
$target;

document.body.addEventListener( 'click', function ( event ) {
$target = $( event.target ).parents( '.main-footer-menuToggle' )[0];
$items.each( function () {
if( this !== $target && !$( this ).hasClass( 'mw-collapsible-toggle-collapsed' ) ) {
$( this ).click();
}
} );
}, true );
} );
}

/**
* Выполнение скриптов из пространства 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 () {
/**
* {{выполнить скрипт}}
*/
$( '.executeJS' ).each( function () {
var names = $( this ).data( 'scriptnames' );
if (names) {
names.split( ' ' ).forEach( function ( name ) {
name = name.replace( /[^\w_-]/g, '' );
if ( name ) {
importScript( 'MediaWiki:Script/' + name + '.js' );
}
} );
}
} );

/**
* Чтобы ссылки на очистку кэша не требовали подтверждения (они должны быть помещены в тег с классом
* purgelink и именем страницы в атрибуте data-pagename, например как в шаблоне {{очистить кэш}})
*/
$( '.purgelink a' ).click( function ( e ) {
mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).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 );

// По какой-то причине фикс для FlaggedRevs работает только при использовании then(), но не done().
mw.loader.using( 'ext.visualEditor.desktopArticleTarget.init' ).then( function () {
/**
* Исправление поведения FlaggedRevs в сочетании с визуальным редактором, чтобы
* в стабилизированных статьях на правку в визреде открывалась последняя версия, что
* соответствует поведению обычного редактора. См. [[phab:T165283]],
* [[Википедия:Форум/Архив/Общий/2017/12#Серьёзная проблема с анонимными правками в стабилизированных статьях]].
*/
runAsEarlyAsPossible( function () {
function fixEditLinksForStableRevs( removeClickHandlers ) {
if ( $( '#ca-view.selected' ).length ) {
// При выходе из визреда (сохранении или переключении) ссылки работают правильно
// и убирать обработчики событий нет нужды — только исправить URL’ы на случай
// открытия правки в новой вкладке.
if ( removeClickHandlers ) {
$( '#ca-ve-edit, .mw-editsection-visualeditor' ).off( 'click' );
}
$( '#ca-ve-edit a, .mw-editsection-visualeditor' ).each( function () {
var href = $( this ).attr( 'href' );
if ( !/[?&]stable=0/.test( href ) ) {
$( this ).attr( 'href',
href
.replace( /&veaction=edit/, '&stable=0&veaction=edit' )
.replace( /&oldid=\d+/, '' )
);
}
} );
}
}

// Не включаем сюда проверку на наличие #ca-view.selected, чтобы не вычёркивать случай,
// когда визред открыт без Ajax и по выходу из него нужно заменить URL’ы в ссылках.
if ( $( '#ca-current' ).length && !/[?&](oldid|diff)=\d+/.test( location.search ) ) {
fixEditLinksForStableRevs( true );

mw.hook( 've.deactivationComplete' ).add( function () {
fixEditLinksForStableRevs( false );
} );
}
} );

/**
* Поддержка Викификатора в новом режиме вики-текста aka 2017 wikitext editor
*/
mw.libs.ve.addPlugin( function () {
return mw.loader.using( 'ext.gadget.wikificator' );
} );
} );

/**
* {{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 () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки.
* Короткие (до 15 ссылок, если общее число символов не менее 3000) списки примечаний обтекаются
* только справа.
*/
$( '.reflist.columns' ).each( function () {
var clear = 'both',
$refs = $( this ).find( 'ol.references > li' );
if ( $refs.length <= 10 ) return;
if ( $refs.length <= 15 && $refs.text().length < 3000 ) {
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' );
mw.loader.load( '/index.php?title=MediaWiki:Imagemap-Highlight.js&action=raw&ctype=text/javascript' );
}

/**
* 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});
});
});

/**
* Кнопки описания правок для визуального редактора
*/
mw.hook( 've.activationComplete' ).add( function () {
mw.loader.load( 'ext.gadget.summaryButtons' );
} );

// A high frequency of errors come from old scripts referencing addPortletLink.
// Can be removed when https://global-search.toolforge.org/?q=%5B%5E%5C.%5DaddPortletLink%5C%28&regex=1&namespaces=&title=.*%5C.js has no nl.wikipedia results.
window.addPortletLink = function () {
// @todo: Please Translate
mw.notify('One of your user scripts is broken. Please inspect your error console and remove.');
mw.log.warn('addPortletLink is deprecated. Please use mw.util.addPortletLink')
};

Амазонка (Diablo II)

2021-06-08T23:08:00Z

Ozzy:

{{В разработке}}

{{Класс (Diablo II)
| название = Амазонка
| иллюстрация = Diablo-2-Amazon-01.gif
| экипировка = Луки амазонок, копья амазонок, дротики амазонок
| стихии = Физический урон, молния, яд, холод, огонь, магический урон
}}

'''Амазонка''' {{en|Amazon}} — один из [[Классы (Diablo II)|классов]] персонажей в [[Diablo II]].

Аскари, известные также как амазонки, родом с островов Сковос, группы покрытых непроходимыми джунглями островов на Двух морях. Представители этого матриархального племени — могучие воительницы, которые путешествуют по миру, занимаясь наемным трудом и искореняя силы зла.

Наносите врагам колющие удары копьями и дротиками. Поражайте демонов шквалом стрел, орудуя луком не хуже сестер-разбойниц Незримого Ока. Избегайте смертоносных ударов, полагаясь на свою нечеловеческую ловкость. Амазонка всю жизнь готовилась к жестокой кузне войны и виртуозно владеет искусством боя.

This powerful woman warrior belongs to nomadic bands who roam the plains near the South Sea. The wandering of these groups often brings them into conflict with other peoples, so the Amazon is accustomed to fighting to defend her own. This lifestyle has made her fiercely independent and able to weather severe hardship and travel. While her skill with the bow rivals that of the Rogues, the Amazon is also adept in the use of spears and other throwing weapons, as well as in hand to hand combat. The Amazon is much sought after as a mercenary, in which type of service she will be loyal as long as her own ends are also served.

== История ==

The Amazons are women warriors who hail from a group of islands in the Twin Seas, near the border of the Great Ocean. Only the permanently snow-covered peak of Mount Karcheus breaks the expanses of lush forests on the islands.

The Amazon people are a relatively isolated culture. Adapting over the centuries to their tropical milieu, they have built magnificent cities in the forest canopy. These cities are an architectural phenomenon and a source of great pride to the Amazon people. They do not follow the teachings of the Zakarum, but instead practice a polytheistic religion that adheres to the strict principles of Order. Their oracles long ago predicted the Dark Exile, and they have been preparing to combat it ever since. Amazons regard the destruction of the Three Prime Evils as their destiny, ushering in a new era when mortal men and women can at long last take their rightful place in the universe, no longer merely playthings for the beings of the Outer Realms.

The Amazons are a seafaring people, one of the first to have made trade contact with both the Kingdoms of the West and with Kejhistan in the East. Their prominence in the world's trade establishment has afforded their warriors the reputation they currently enjoy as cunning strategists and skilled combatants. They are much sought after as mercenaries, being both expert soldiers as well as extremely loyal - as long as the assignment does not conflict with their strict sense of ethics.

Their pantheon of gods consists of a well-defined hierarchy, each member upholding some segment of the balance of Order. It is this strong sense of order that drives the Amazon people to achieve greatness in even the smallest of their endeavors. Their prime deity is Athulua who, with her consort, Kethryes, rules over the seasons and the weather. Under these Goddesses are a wide assortment of lesser deities, each responsible for his or her own sphere of influence among the Amazon people's daily life. The Amazons believe this pantheon is the remnant of the original inhabitants that settled the islands centuries ago. According to ancient records, they share the same names as these gods, although aspects of their personalities seem to have evolved over the centuries.

In the Amazon culture, only the women serve as warriors, their intrinsic superior dexterity and lithe body structures are better suited to combat in the dense rainforest environs of the islands. Their society is far from stratified, however, as men are responsible for any number of positions in the community, government, and clergy, as well as merchant and agricultural occupations.

Traits and Abilities:

While more than competent in hand-to-hand combat, training in the jungles of her native islands has shaped the Amazon's skill with the bow and missile weapons into one of unparalleled excellence. With the bow, her only rivals are the Sisters of the Sightless Eye. But, unlike her sisters in arms, the Amazon is also highly adept in the use of spears and other thrown weapons. The powers they possess are a combination of Prime magic, Holy magic and ingenious weapon construction.

== Умения ==

{| class="wikitable" style="margin-left: auto; margin-right: auto; border: none;"
! style="width: 225px;" | Дротики и копья
! style="width: 225px;" | Пассивные и магические навыки
! style="width: 225px;" | Луки и арбалеты
|-
| colspan="3" style="text-align:center; background: #0f0000"|
<div class="imageMapHighlighter" data-list_classes="" data-area_mark="{}" data-area_mark_file=""><imagemap>
Файл:D2-SkillTree-Amazon.png
rect 16 13 64 61 [[Выпад (Diablo II)]]
rect 16 149 64 197 [[Прокалывание (Diablo II)]]
rect 16 285 64 333 [[Лучшая защита (Diablo II)]]
rect 85 81 133 130 [[Мощный удар (Diablo II)]]
rect 85 217 133 265 [[Заряженный удар (Diablo II)]]
rect 85 353 133 401 [[Удар молнии (Diablo II)]]
rect 154 81 202 130 [[Отравленный дротик (Diablo II)]]
rect 154 149 202 197 [[Разряд молнии (Diablo II)]]
rect 154 217 202 265 [[Чумной дротик (Diablo II)]]
rect 154 353 202 401 [[Неистовство молний (Diablo II)]]

rect 247 13 295 61 [[Внутреннее зрение (Diablo II)]]
rect 247 149 295 197 [[Замедление снарядов (Diablo II)]]
rect 247 285 295 333 [[Двойник (Diablo II)]]
rect 247 353 295 401 [[Валькирия (Diablo II)]]
rect 316 81 364 130 [[Уклонение (Diablo II)]]
rect 316 149 364 197 [[Ускользание (Diablo II)]]
rect 316 285 364 333 [[Избежание (Diablo II)]]
rect 385 13 433 61 [[Критический удар (Diablo II)]]
rect 385 217 433 265 [[Пронзание (Diablo II)]]
rect 385 353 433 401 [[Пробивание (Diablo II)]]

rect 478 81 526 130 [[Морозная стрела (Diablo II)]]
rect 478 217 526 265 [[Ледяная стрела (умение амазонки, Diablo II)]]
rect 478 353 526 401 [[Замораживающая стрела (Diablo II)]]
rect 547 13 595 61 [[Магическая стрела (Diablo II)]]
rect 547 81 595 130 [[Залп (Diablo II)]]
rect 547 217 595 265 [[Самонаводящаяся стрела (Diablo II)]]
rect 547 285 595 333 [[Обстрел (Diablo II)]]
rect 616 13 664 61 [[Огненная стрела (умение амазонки, Diablo II)]]
rect 616 149 664 197 [[Взрывная стрела (Diablo II)]]
rect 616 285 664 333 [[Обжигающая стрела (Diablo II)]]
desc none
</imagemap></div>
|-
|}

== Экипировка ==

=== Комплекты ===

== Интересные факты ==
* Амазонку в англоязычной версии озвучила [[Джессика Штраус]].

== Медиа ==
=== Скриншоты ===

=== Иллюстрации ===
<gallery heights="200px">
Файл:Diablo-2-Amazon-artwork-01.jpg|<div style="text-align: center;">Иллюстрация амазонки ([[Kris Renkewitz]])|alt=Амазонка в Diablo 2</div>
Файл:Diablo-2-Amazon-artwork-02.jpg|<div style="text-align: center;">Иллюстрация амазонки|alt=Амазонка в Diablo 2</div>
</gallery>

== Примечания ==
{{примечания}}

== Ссылки ==
* [http://classic.battle.net/diablo2exp/classes/amazon.shtml Страница амазонки на официальном сайте игры]

{{Классы (Diablo II)}}
[[Категория:Классы (Diablo II)]]

MediaWiki:Common.js

2021-06-08T23:04:43Z

Ozzy:

/**
* Код MediaWiki:Common.js безусловно загружается всем пользователям на всех страницах. Во избежание
* отправки лишних запросов по возможности не используйте здесь mw.loader.using с модулями, которые
* не загружаются по умолчанию (см.
* [[Обсуждение MediaWiki:Common.js#Список модулей, загружаемых по умолчанию]]). В таком случае
* лучше создать скрытый гаджет, загружаемый по умолчанию, и добавить ему нужные модули в качестве
* зависимостей.
*/

/**
* Локальная функция загрузки скриптов с поддержкой указания проекта
*/
var importScript_ = importScript;
importScript = function ( page, proj ) {
if ( !proj ) {
importScript_( page );
} else {
if ( proj.indexOf( '.' ) === -1 ) {
proj += '.wikipedia.org';
}
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.loader.load( '//' + proj + '/w/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
// collapsibleTablesItrIdx - временное решние, чтобы не дублировались id,
// если во время срабатывания хука 'wikipage.content' добавляются новые сворачиваемые блоки
var collapsibleTablesItrIdx = 0;

function collapsibleTables( $content ) {
var $btn,
$a,
tblIdx = collapsibleTablesItrIdx,
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 = collapsibleTablesItrIdx; 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 );
}
}
collapsibleTablesItrIdx = tblIdx;
// Нужно переписать код на "mw-collapsible", и заменить использование хука на "wikipage.collapsibleContent"
mw.hook( 'common.collapsibleContent' ).fire( colTables );
}

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 () {
function collapsibleDivs( $content ) {
var navFrameIndex = 0,
navFrames = [],
i;

$content.find( 'div' ).each( function () {
var $div = $( this );
if ( $div.hasClass( 'NavFrame' ) ) {
var $btn = $( '<a>' )
.addClass( 'NavToggle' )
.attr( 'href', 'javascript:' )
.text( navFrameCollapseCaption )
.click( navToggleClickHandler );
$div.children( '.NavHead' ).append( $btn );
navFrames[ navFrameIndex++ ] = $div;
}
} );
for ( i = 0; i < navFrameIndex; i++ ) {
if ( navFrames[ i ].hasClass( 'collapsed' ) ||
( navFrameIndex > NavigationBarShowDefault &&
!navFrames[ i ].hasClass( 'expanded' )
)
) {
toggleDiv( navFrames[ i ] );
}
}
}

mw.hook( 'wikipage.content' ).add( collapsibleDivs );

function navToggleClickHandler() {
var $btn = $( this );
toggleDiv( $btn.closest( '.NavFrame' ), $btn );
}

function toggleDiv( $div, $btn ) {
$btn = $btn || $div.find( '.NavToggle' ).first();
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' );
} );
}

/**
* Загрузка скриптов через систему подгаджетов
*/
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' ];

if ( actionGadgets[ action ] ) {
mw.loader.load( actionGadgets[ action ] );
}

// Скрипты для пространств
var namespaceGadgets = {
6: [ 'ext.gadget.common-namespace-file' ]
};

if ( namespaceGadgets[ namespaceNumber ] ) {
mw.loader.load( namespaceGadgets[ namespaceNumber ] );
}
}
}() );

/**
* Старые коды
*/
if ( navigator.platform.indexOf( 'Win' ) !== -1 ) {
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.util.addCSS( '.IPA, .Unicode { font-family: "Arial Unicode MS", "Lucida Sans Unicode"; }' );
} );
}

/**
* Дополнительный функционал для заглавной страницы
*/
if ( mw.config.get( 'wgIsMainPage' ) && mw.config.get( 'wgAction' ) === 'view' ) {
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 );
} );
} );
} );

// Закрываем меню при клике за его пределами
mw.hook( 'wikipage.content' ).add( function () {
var $items = $( '.main-footer-menuToggle' ),
$target;

document.body.addEventListener( 'click', function ( event ) {
$target = $( event.target ).parents( '.main-footer-menuToggle' )[0];
$items.each( function () {
if( this !== $target && !$( this ).hasClass( 'mw-collapsible-toggle-collapsed' ) ) {
$( this ).click();
}
} );
}, true );
} );
}

/**
* Выполнение скриптов из пространства 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 () {
/**
* {{выполнить скрипт}}
*/
$( '.executeJS' ).each( function () {
var names = $( this ).data( 'scriptnames' );
if (names) {
names.split( ' ' ).forEach( function ( name ) {
name = name.replace( /[^\w_-]/g, '' );
if ( name ) {
importScript( 'MediaWiki:Script/' + name + '.js' );
}
} );
}
} );

/**
* Чтобы ссылки на очистку кэша не требовали подтверждения (они должны быть помещены в тег с классом
* purgelink и именем страницы в атрибуте data-pagename, например как в шаблоне {{очистить кэш}})
*/
$( '.purgelink a' ).click( function ( e ) {
mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).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 );

// По какой-то причине фикс для FlaggedRevs работает только при использовании then(), но не done().
mw.loader.using( 'ext.visualEditor.desktopArticleTarget.init' ).then( function () {
/**
* Исправление поведения FlaggedRevs в сочетании с визуальным редактором, чтобы
* в стабилизированных статьях на правку в визреде открывалась последняя версия, что
* соответствует поведению обычного редактора. См. [[phab:T165283]],
* [[Википедия:Форум/Архив/Общий/2017/12#Серьёзная проблема с анонимными правками в стабилизированных статьях]].
*/
runAsEarlyAsPossible( function () {
function fixEditLinksForStableRevs( removeClickHandlers ) {
if ( $( '#ca-view.selected' ).length ) {
// При выходе из визреда (сохранении или переключении) ссылки работают правильно
// и убирать обработчики событий нет нужды — только исправить URL’ы на случай
// открытия правки в новой вкладке.
if ( removeClickHandlers ) {
$( '#ca-ve-edit, .mw-editsection-visualeditor' ).off( 'click' );
}
$( '#ca-ve-edit a, .mw-editsection-visualeditor' ).each( function () {
var href = $( this ).attr( 'href' );
if ( !/[?&]stable=0/.test( href ) ) {
$( this ).attr( 'href',
href
.replace( /&veaction=edit/, '&stable=0&veaction=edit' )
.replace( /&oldid=\d+/, '' )
);
}
} );
}
}

// Не включаем сюда проверку на наличие #ca-view.selected, чтобы не вычёркивать случай,
// когда визред открыт без Ajax и по выходу из него нужно заменить URL’ы в ссылках.
if ( $( '#ca-current' ).length && !/[?&](oldid|diff)=\d+/.test( location.search ) ) {
fixEditLinksForStableRevs( true );

mw.hook( 've.deactivationComplete' ).add( function () {
fixEditLinksForStableRevs( false );
} );
}
} );

/**
* Поддержка Викификатора в новом режиме вики-текста aka 2017 wikitext editor
*/
mw.libs.ve.addPlugin( function () {
return mw.loader.using( 'ext.gadget.wikificator' );
} );
} );

/**
* {{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 () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки.
* Короткие (до 15 ссылок, если общее число символов не менее 3000) списки примечаний обтекаются
* только справа.
*/
$( '.reflist.columns' ).each( function () {
var clear = 'both',
$refs = $( this ).find( 'ol.references > li' );
if ( $refs.length <= 10 ) return;
if ( $refs.length <= 15 && $refs.text().length < 3000 ) {
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});
});
});

/**
* Кнопки описания правок для визуального редактора
*/
mw.hook( 've.activationComplete' ).add( function () {
mw.loader.load( 'ext.gadget.summaryButtons' );
} );

// A high frequency of errors come from old scripts referencing addPortletLink.
// Can be removed when https://global-search.toolforge.org/?q=%5B%5E%5C.%5DaddPortletLink%5C%28&regex=1&namespaces=&title=.*%5C.js has no nl.wikipedia results.
window.addPortletLink = function () {
// @todo: Please Translate
mw.notify('One of your user scripts is broken. Please inspect your error console and remove.');
mw.log.warn('addPortletLink is deprecated. Please use mw.util.addPortletLink')
};

MediaWiki:Common.js

2021-06-08T23:02:50Z

Ozzy:

/**
* Код, выполняемый по событию wikipage.content (его обработчики выполняются раньше колбэков для $,
* хотя в глубине это одно и то же событие, просто колбэк, инициирующий wikipage.content, становится
* в очередь раньше). Так как wikipage.content инициируется после обновления страницы в результате
* Ajax-запросов (например, гаджетом быстрого предпросмотра), не добавляйте сюда коды, которые
* должны гарантированно выполниться один раз на странице.
*/
mw.hook( 'wikipage.content' ).add( function () {
/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}

});

MediaWiki:Common.js

2021-06-08T23:01:18Z

Ozzy:

MediaWiki:Common.js

2021-06-08T23:00:24Z

Ozzy:

Амазонка (Diablo II)

2021-06-08T22:57:46Z

Ozzy:

MediaWiki:Common.js

2021-06-08T22:49:14Z

Ozzy:

/**
* Часто те или иные манипуляции со страницей нужно выполнить как можно раньше, но нет гарантии, что
* к моменту выполнения кода нужный участок DOM готов, а событие полной загрузки страницы происходит
* слишком поздно. В этой функции проверяется наличие элемента $testElement и в случае успеха
* функция-колбэк выполняется, иначе же её выполнение поручается другой функции. Если элемент
* в $testElement имеет содержимое, правильнее указать следующий за ним элемент, чтобы быть
* уверенным, что он загрузился до конца. Имейте в виду, что разные скины часто используют разные
* названия классов и идентификаторов.
*/
function runAsEarlyAsPossible( callback, $testElement, func ) {
func = func || $;
$testElement = $testElement || $( '#footer' );

if ( $testElement.length ) {
callback();
} else {
func( callback );
}
}

/**
* Строки. Иноязычный интерфейс предположительно включают весьма редко, поэтому раздувать этот
* список не стоит. При необходимости добавить много сообщений во много языков можно использовать
* механизм системных сообщений (= страниц в пространстве 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 = 'Править преамбулу';
}

/**
* Выполнение скриптов из пространства 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' ] ).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' ).addClass( 'tochidden' );
$( '.tochidden-wrapper .togglelink' ).text( mw.msg( 'showtoc' ) );
$( '.tochidden-wrapper > #toc > ul' ).css( 'display', 'none' );
}

runAsEarlyAsPossible( function () {
if ( $( '.tochidden-wrapper' ).length ) {
mw.loader.using( [ 'mediawiki.cookie' ], 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 () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки
*/
$( '.references-small.columns' ).each( function () {
$( this ).after( '<div class="temporaryDiv"></div>' ).next().prevUntil( 'h1, h2, h3, h4, h5, h6' )
.last().prev().css( 'clear', 'both' );
} );

// Этот элемент нужен на случай, если примечания — последний элемент (потребность в next()
// возникает из-за невключительности prevUntil() jQuery)
$( '.temporaryDiv' ).remove();

/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}

/**
* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 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});
});
});

/**
* Кнопки описания правок для визуального редактора
*/
mw.hook( 've.activationComplete' ).add( function () {
mw.loader.load( 'ext.gadget.summaryButtons' );
} );

MediaWiki:Common.js

2021-06-08T22:48:26Z

Ozzy:

/**
* Локальная функция загрузки скриптов с поддержкой указания проекта
*/
var importScript_ = importScript;
importScript = function ( page, proj ) {
if ( !proj ) {
importScript_( page );
} else {
if ( proj.indexOf( '.' ) === -1 ) {
proj += '.wikipedia.org';
}
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.loader.load( '//' + proj + '/w/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 );
}
}

/**
* Строки. Иноязычный интерфейс предположительно включают весьма редко, поэтому раздувать этот
* список не стоит. При необходимости добавить много сообщений во много языков можно использовать
* механизм системных сообщений (= страниц в пространстве 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 = 'Править преамбулу';
}

/**
* Выполнение скриптов из пространства 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' ] ).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' ).addClass( 'tochidden' );
$( '.tochidden-wrapper .togglelink' ).text( mw.msg( 'showtoc' ) );
$( '.tochidden-wrapper > #toc > ul' ).css( 'display', 'none' );
}

runAsEarlyAsPossible( function () {
if ( $( '.tochidden-wrapper' ).length ) {
mw.loader.using( [ 'mediawiki.cookie' ], 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 () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки
*/
$( '.references-small.columns' ).each( function () {
$( this ).after( '<div class="temporaryDiv"></div>' ).next().prevUntil( 'h1, h2, h3, h4, h5, h6' )
.last().prev().css( 'clear', 'both' );
} );

// Этот элемент нужен на случай, если примечания — последний элемент (потребность в next()
// возникает из-за невключительности prevUntil() jQuery)
$( '.temporaryDiv' ).remove();

/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}

/**
* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 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});
});
});

/**
* Кнопки описания правок для визуального редактора
*/
mw.hook( 've.activationComplete' ).add( function () {
mw.loader.load( 'ext.gadget.summaryButtons' );
} );

MediaWiki:Common.js

2021-06-08T22:47:19Z

Ozzy:

* Код MediaWiki:Common.js безусловно загружается всем пользователям на всех страницах.
* Во избежание отправки лишних запросов по возможности не используйте здесь mw.loader.using
* с модулями, которые не загружаются по умолчанию (см.
* [[w:Обсуждение MediaWiki:Common.js#Список модулей, загружаемых по умолчанию]]). В таком случае
* лучше создать скрытый гаджет, загружаемый по умолчанию, и добавить ему нужные модули в качестве
* зависимостей.
*/

/**
* Локальная функция загрузки скриптов с поддержкой указания проекта
*/
var importScript_ = importScript;
importScript = function ( page, proj ) {
if ( !proj ) {
importScript_( page );
} else {
if ( proj.indexOf( '.' ) === -1 ) {
proj += '.wikipedia.org';
}
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.loader.load( '//' + proj + '/w/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 );
}
}

/**
* Строки. Иноязычный интерфейс предположительно включают весьма редко, поэтому раздувать этот
* список не стоит. При необходимости добавить много сообщений во много языков можно использовать
* механизм системных сообщений (= страниц в пространстве 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 = 'Править преамбулу';
}

/**
* Выполнение скриптов из пространства 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' ] ).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' ).addClass( 'tochidden' );
$( '.tochidden-wrapper .togglelink' ).text( mw.msg( 'showtoc' ) );
$( '.tochidden-wrapper > #toc > ul' ).css( 'display', 'none' );
}

runAsEarlyAsPossible( function () {
if ( $( '.tochidden-wrapper' ).length ) {
mw.loader.using( [ 'mediawiki.cookie' ], 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 () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки
*/
$( '.references-small.columns' ).each( function () {
$( this ).after( '<div class="temporaryDiv"></div>' ).next().prevUntil( 'h1, h2, h3, h4, h5, h6' )
.last().prev().css( 'clear', 'both' );
} );

// Этот элемент нужен на случай, если примечания — последний элемент (потребность в next()
// возникает из-за невключительности prevUntil() jQuery)
$( '.temporaryDiv' ).remove();

/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}

/**
* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 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});
});
});

/**
* Кнопки описания правок для визуального редактора
*/
mw.hook( 've.activationComplete' ).add( function () {
mw.loader.load( 'ext.gadget.summaryButtons' );
} );

MediaWiki:Common.js

2021-06-08T22:37:46Z

Ozzy:

/**
* Код MediaWiki:Common.js безусловно загружается всем пользователям на всех страницах.
* Во избежание отправки лишних запросов по возможности не используйте здесь mw.loader.using
* с модулями, которые не загружаются по умолчанию (см.
* [[w:Обсуждение MediaWiki:Common.js#Список модулей, загружаемых по умолчанию]]). В таком случае
* лучше создать скрытый гаджет, загружаемый по умолчанию, и добавить ему нужные модули в качестве
* зависимостей.
*/

/**
* Локальная функция загрузки скриптов с поддержкой указания проекта
*/
var importScript_ = importScript;
importScript = function ( page, proj ) {
if ( !proj ) {
importScript_( page );
} else {
if ( proj.indexOf( '.' ) === -1 ) {
proj += '.wikipedia.org';
}
mw.loader.using( 'mediawiki.util' ).done( function () {
mw.loader.load( '//' + proj + '/w/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',
'Log',
'Movepage',
'Newpages',
'Search',
'Upload'
];
var specialLocalGadgets = [
'Block'
];
var canonicalSpecialPageName = mw.config.get( 'wgCanonicalSpecialPageName' );
if ( specialGadgets.indexOf( canonicalSpecialPageName ) > -1 ) {
mw.loader.load( '//ru.wikipedia.org/w/load.php?modules=ext.gadget.common-special-' + canonicalSpecialPageName.toLowerCase() + '&only=scripts');
}
if ( specialLocalGadgets.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: [ '//ru.wikipedia.org/w/load.php?modules=ext.gadget.common-namespace-file&only=scripts' ]
};

if ( namespaceGadgets[ namespaceNumber ] ) {
mw.loader.load( namespaceGadgets[ namespaceNumber ] );
}

/**
* Сортировка интервик
*/
$( function () { $( 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 );
}

/**
* Выполнение скриптов из пространства 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' ] ).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' ).addClass( 'tochidden' );
$( '.tochidden-wrapper .togglelink' ).text( mw.msg( 'showtoc' ) );
$( '.tochidden-wrapper > #toc > ul' ).css( 'display', 'none' );
}

runAsEarlyAsPossible( function () {
if ( $( '.tochidden-wrapper' ).length ) {
mw.loader.using( [ 'mediawiki.cookie' ], 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 () {
/**
* Отключение обтекания раздела примечаний, если в нём есть колонки
*/
$( '.references-small.columns' ).each( function () {
$( this ).after( '<div class="temporaryDiv"></div>' ).next().prevUntil( 'h1, h2, h3, h4, h5, h6' )
.last().prev().css( 'clear', 'both' );
} );

// Этот элемент нужен на случай, если примечания — последний элемент (потребность в next()
// возникает из-за невключительности prevUntil() jQuery)
$( '.temporaryDiv' ).remove();

/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}

/**
* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 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});
});
});

/**
* Кнопки описания правок для визуального редактора
*/
mw.hook( 've.activationComplete' ).add( function () {
mw.loader.load( 'ext.gadget.summaryButtons' );
} );

MediaWiki:Imagemap-Highlight.js

2021-06-08T22:27:28Z

Ozzy: Новая страница: «$(function() { var //add this class to all elements created by the script. the reason is that we call the script again on //window resize, and use the class…»

$(function() {

var
//add this class to all elements created by the script. the reason is that we call the script again on
//window resize, and use the class to remove all the "artefacts" we created in the previous run.
myClassName = 'imageMapHighlighterArtefacts',
liHighlightClass = 'liHighlighting',
specialAreaMark = 'area_mark',
specialLiClassesMark = 'list_classes',
specialAreaMarkFile = 'area_mark_file',
// "2d context" attributes used for highlighting.
areaHighLighting = {
fillStyle: 'rgba(0,0,0,0.35)',
strokeStyle: 'yellow',
lineJoin: 'round',
lineWidth: 2
},
//every imagemap that wants highlighting, should reside in a div of this 'class':
hilightDivMarker = '.imageMapHighlighter',
// specifically for wikis - redlinks tooltip adds this message
ru = mw && mw.config && mw.config.get('wgUserLanguage') == 'ru',
expandLegend = ru ? 'показать ссылки текстом' : 'show links as text',
collapseLegend = ru ? 'скрыть ссылки текстом' : 'hide links as text',
files = [];

function drawMarker(context, areas) { // this is where the magic is done.

function drawPoly(coords) {
context.moveTo(coords.shift(), coords.shift());
while (coords.length)
context.lineTo(coords.shift(), coords.shift());
}

for (var i in areas) {
var coords = areas[i].coords.split(',');
context.beginPath();
switch (areas[i].shape) {
case 'rect':
drawPoly([coords[0], coords[1], coords[0], coords[3], coords[2], coords[
3], coords[2], coords[1]]);
break;
case 'circle':
context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2);
break; //x,y,r,startAngle,endAngle
case 'poly':
drawPoly(coords);
break;
}
context.closePath();
context.stroke();
context.fill();
}
}

function mouseAction(e) {
var $this = $(this),
activate = e.type == 'mouseover',
caption = $this.text(),
ol = $this.parent(),
context = ol.data('context'),
special = ol.data(specialAreaMark),
specialFile = ol.data(specialAreaMarkFile); //read JSON file addition

if (specialFile) {
if (files[specialFile]) {
$.extend(special, files[specialFile]);
always(activate, caption, context, ol, special, $this);
} else {
$.get(mw.util.wikiScript(), {
title: specialFile,
action: 'raw'
})
.done(function(data) {
files[specialFile] = JSON.parse(data);
$.extend(special, files[specialFile]);
})
.always(function() {
always(activate, caption, context, ol, special, $this);
});
}
} else
always(activate, caption, context, ol, special, $this);
}

function always(activate, caption, context, ol, special, $this) {
$this.toggleClass(liHighlightClass, activate); // mark/unmark the list item.

context.clearRect(0, 0, context.canvas.width, context.canvas.height); // prepare for a new day.

ol.find('li')
.each(function() {
var $li = $(this);
var licap = $li.text();
var param;
if (activate && licap === caption) { // highlight!!!
param = special && (special.hover && special.hover[licap]
|| getblocks(special, licap)) || areaHighLighting;
} else {
param = special && special.nover && (special.nover[licap] || special.nover
.default);
}
if (param) {
$.extend(context, param);
drawMarker(context, $li.data('areas'));
}
});
}

function getblocks(special, licap) {
if (special.hoverblocks) {
if (special.hoverblocks[licap])
return special.hoverblocks[licap].value;
for (var key in special.hoverblocks)
if (special.hoverblocks[key] && special.hoverblocks[key].list.indexOf(licap) >=0 )
return special.hoverblocks[key].value;
}
if (special.hover)
return special.hover.default;
}

function handleOneMap() {
var img = $(this),
w = img.width(),
h = img.height(),
infoIcon = img.next(),
parent = img.parent(),
map = img.siblings('map:first'),
dims = {
position: 'absolute',
width: w + 'px',
height: h + 'px',
border: 0,
top: 0,
left: 0
},
specialHighlight = img.closest(hilightDivMarker)
.data(specialAreaMark),
specialLiClasses = img.closest(hilightDivMarker)
.data(specialLiClassesMark),
specialHover = img.closest(hilightDivMarker)
.data(specialAreaMarkFile);

if (!('area', map)
.length)
return; //not an imagemap. inside "each" anonymous function, 'return' means "continue".

var jcanvas = $('<canvas>', {
'class': myClassName
})
.css(dims)
.attr({
width: w,
height: h
});
var bgimg = $('<img>', {
'class': myClassName,
src: img.attr('src')
})
.css(dims); //completely inert image. this is what we see.
var context = $.extend(jcanvas[0].getContext("2d"), areaHighLighting);

// this is where the magic is done: prepare a sandwich of the inert bgimg at the bottom,
// the canvas above it, and the original image on top,
// so canvas won't steal the mouse events.
// pack them all TIGHTLY in a newly minted "relative" div, so when page chnage
// (other scripts adding elements, window resize etc.), canvas and imagese remain aligned.
var div = $('<div>')
.css({
position: 'relative',
width: w + 'px',
height: h + 'px'
});
img.before(div); // put the div just above the image, and ...
div.append(bgimg) // place the background image in the div
.append(jcanvas) // and the canvas. both are "absolute", so they don't occupy space in the div
.append(img); // now yank the original image from the window and place it on the div.
img.fadeTo(1, 0); // make the image transparent - we see canvas and bgimg through it.
// the original, now transparent image is creating our mouse events

infoIcon.css({
position: 'relative'
}); // set position to info icon
var ol = $('<ol>', {
'class': myClassName
})
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.data(specialAreaMark, specialHighlight)
.data(specialAreaMarkFile, specialHover)
.data('context', context);
var oldiv = $('<div>')
.html(ol)
.css({
clear: 'both',
margin: 0,
listStyle: 'none',
maxWidth: w + 'px',
position: 'relative'
})
.attr({
'data-expandtext': expandLegend,
'data-collapsetext': collapseLegend
});

// ol below image parent, hr below ol. original caption pushed below hr.
var $hr = $('<hr>', { 'class': myClassName }).css('clear', 'both');
parent.after($hr).after(oldiv);
$hr.clone().insertBefore($(oldiv));

var lis = {}; //collapse areas with same caption to one list item
var someli; // select arbitrary one
$('area', map)
.each(function() {
var text = this.title;
var li = lis[text]; // title already met? use the same li
if (!li) { //no? create a new one.
var href = this.href;
lis[text] = li = $('<li>', {
'class': myClassName
})
.append($('<a>', {
href: href,
text: text
}))
.on('mouseover mouseout', mouseAction)
.data('areas', [])
.addClass(specialLiClasses && (specialLiClasses[text] ||
specialLiClasses['default']))
.appendTo(ol);
if (specialLiClasses && specialLiClasses[text + ' super'])
li.find('a')
.addClass(specialLiClasses[text + ' super']);
}
li.data('areas')
.push(this); //add the area to the li
someli = li; // whichever - we just want one...
$(this)
.on('mouseover mouseout', function(e) {
li.trigger(e);
});
});
if (specialLiClasses && specialLiClasses.order) {
specialLiClasses.order.forEach(function(elem) {
if (elem.dir === 'before') {
$(elem.what).insertBefore($(elem.where));
} else {
$(elem.what).insertAfter($(elem.where));
}
});
}
if (specialLiClasses && specialLiClasses.todefault) {
specialLiClasses.todefault.forEach(function(elem) {
$(elem).addClass(specialLiClasses.default);
});
}
if (someli) {
someli.trigger('mouseout');
}
oldiv.addClass('mw-collapsed')
.makeCollapsible();
ol.attr('style', ol.attr('style')
.replace('none', 'disc'));
}

function init() {
mw.util.addCSS('li.' + myClassName +
'{white-space:nowrap; font-size:88.36%;}\n' + //css for li element
'li.' + liHighlightClass + '{background-color:yellow;}\n' + //css for highlighted li element.
'.rtl li.' + myClassName + '{float: right; margin-left: 1.5em;}\n' +
'.ltr li.' + myClassName + '{float: left; margin-right: 1.5em;}\n' +
hilightDivMarker + ' .mw-collapsible-toggle {float: none}');
$(hilightDivMarker + ' img')
.each(handleOneMap);
}

//has at least one "imagehighlight" div, and canvas-capable browser:
if ( $(hilightDivMarker).length && $('<canvas>')[0].getContext ) {
mw.loader.using(['jquery.makeCollapsible', 'mediawiki.util'])
.done(init);
}
});

MediaWiki:Common.js

2021-06-08T22:26:34Z

Ozzy: Новая страница: «/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой ст…»

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
mw.hook( 'wikipage.content' ).add( function () {

/**
* Imagemap Highlight
*/
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
importScript( 'MediaWiki:Imagemap-Highlight.js' );
}

});