FANDOM


CategoryIcon дадае абразкі да спасылак на старонках катэгорый, дзе імя выявы = спасылка. Дададзеныя выявы па змаўчанні маюць клас «cicon-image».

Усталёўка

Глядзіце таксама: «Уключэнне дадатковых JS і CSS», «Шпаргалка па CSS і JS»
dev:CategoryIcon/code.js
  • Для персанальнага выкарыстання трэба ўставіць код, размешчаны ніжэй, на старонку global.js (для глабальнага выкарыстання) або common.js (для выкарыстання на адной вікі).
importArticles({
    type: 'script',
    articles: [
        'u:dev:CategoryIcon/code.js',
    ]
});
importArticles — лепшы спосаб ўстаноўкі скрыптоў у Fandom'е
Функцыя importArticles выкарыстоўваецца для аб'яднання некалькіх HTTP-запытаў у адзін, дазваляючы мноству скрыптоў загружацца і выконваць сваю працу хутчэй. Калі Вы ўсталёўваеце некалькі розных скрыптоў, магчыма, у кодзе ёсць некалькі непатрэбных імпартаў. Націсніце кнопку Разгарнуць, каб паглядзець, як эфектыўна ўсталяваць скрыпты адным імпартам, павялічыўшы хуткасць іх працы і ачысціўшы лішні код. Яшчэ адзін метад - выкарыстанне старонкі MediaWiki:ImportJS.
Калі ў вашым файле JavaScript ёсць мноства радкоў з імпартам importScript, importScriptPage або importArticles, то іх можна злучыць! Так Ваш код будзе хутчэй загружаць скрыпты з аднаго імпарту, і яго выгляд будзе акуратней. Разгледзьце ўзоры ніжэй. Магчыма, у гэты момант Ваш код падобны на ўзор злева. Справа ж паказана, як Вы можаце яго змяніць.
Некалькі імпартаў — непрыгожа і павольна Адзін імпарт — чыста і эфектыўна
importScriptPage('AjaxRC/code.js','dev');
 
importScript('MediaWiki:localScript.js');
 
importArticle({
  type: 'script',
  article: 'u:dev:FloatingToc/code.js'
});
 
importScriptPage('page1.js', 'wikiname');
 
importScriptPage('page2.js', 'wikiname');
importArticles({
    type: 'script',
    articles: [
        'u:dev:AjaxRC/code.js',
        'MediaWiki:localScript.js',
        'u:dev:FloatingToc/code.js',
        'u:wikiname:page1.js',
        'u:wikiname:page2.js'
    ]
});
Увага: Звярніце асаблівую ўвагу на расстаноўку косак і сінтаксіс у дадзеным прыкладзе. Часцяком карыстальнікі, мала знаёмыя з праграмаваннем (і не толькі!), выпадкова здзяйсняюць памылку, няправільна паставіўшы коску пры напісанні кода, забываючы напісаць знак ці неспадзявана выдаліўшы яго. Гэта прыводзіць да сінтаксічнай памылцы, якая ламае код. Акуратна імпартуйце скрыпты, прытрымліваючыся інструкцыі вышэй.
Аднак, існуе яшчэ мноства патрабаванняў да выкарыстання importArticles!

Налада

Параметры абразкоў можна рэгуляваць зменай з дапамогай CSS:

.cicon-image {
    width: 45px;
}
Опцыі скрыпту
даступныя праз window.fng.cicon:
опцыя - значэнне па змаўчанні - магчымыя значэнні
апісанне
debug - false - true/false
выводзіць адладкавую інфармацыю ў кансоль
restrict - true - true/false
скрыпт будзе працаваць толькі ў прасторы катэгорыя:
ext - .png - радок
пашырэнне файла
cls - cicon-image - радок
клас дадаваных абразкоў
scale - /scale-to-width-down/50 - радок
дадаць запыт на змену памеру выявы (эканоміць трафік); апошняя частка (50) - памер у пікселях; скарыстайце scale="", каб памер не змяняўся
iprepend - "" - радок
дадаць тэкст у пачатак імя малюнка; вынік: радок+імя+пашырэнне
iappend - "" - радок
дадаць тэкст у канец імя малюнка; вынік: імя+радок+пашырэнне
tprepend - "" - радок
дадаць тэкст (span з класам "cicon-prepend") перад абразком; вынік: радок<img ...>
tappend - "" - радок
дадаць тэкст (span з класам "cicon-append") пасля абразка; вынік: <img ...>радок

Прыклад

//стварыць аб'ект опцый
window.fng = $.extend(window.fng, {cicon:{}});
//задаць пашырэнне .svg
window.fng.cicon.ext = '.svg';
//дадаць 'Map ' да імёнаў малюнкаў ('Map Earth' и тп)
window.fng.cicon.iprepend = 'Map ';
//запытаць змену памеру да 50px
window.fng.cicon.scale = '/scale-to-width-down/50';

З гэтымі наладамі скрыпт будзе шукаць выявы імёнамі "Map спасылка.svg", дзе "спасылка" - гэта тэкст спасылкі, а потым дадаваць іх да спасылак.

Нататкі

  • Падвойныя перанакіраванні не апрацоўваюцца.
  • Скрыпт не задае стылі. Скарыстайце паказаныя вышэй класы для змены параметраў выяў і тэксту.
  • Опцыі павінны быць недзе ў common/wikia.js. Сам скрыпт лепш імпартаваць праз ImportJS.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.