|
|
| Строка 21: |
Строка 21: |
| | /***********************************************/ | | /***********************************************/ |
| | | | |
| − | // Простой пример импортирования:
| |
| − | // *) подключаем jQuery
| |
| − | // *) подключаем jQuery.scrollTo
| |
| − | // *) подключаем jQuery.localScroll
| |
| − | // *) когда всё подгрузится, задаём плавную прокрутку по ссылкам из оглавлений
| |
| − |
| |
| − | importScript('MediaWiki:JQuery.js');
| |
| − | //importScript('MediaWiki:ScrollTo.js');
| |
| − | //importScript('MediaWiki:LocalScroll.js');
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* Функция hasClass, заимствованная из английской Википедии через русскоязычную.
| |
| − | *
| |
| − | * Создаёт закрытый (private в объектно-ориентированном смысле) объект reCache
| |
| − | * (от англ. «regular expression cache», кэш регулярных выражений), который кэширует
| |
| − | * регулярные выражения (тоже объекты), при помощи которых можно проверять, принадлежит ли
| |
| − | * тот или иной элемент тому или иному классу (классу в HTML/CSS-смысле, а не в объектном).
| |
| − | *
| |
| − | * Такой подход позволяет функции hasClass не создавать регулярные выражения «на лету»
| |
| − | * всякий раз, когда они понадобятся, а использовать вместо этого готовые. Поэтому
| |
| − | * функция hasClass() удобна во всех случаях, когда есть необходимость проверять много
| |
| − | * элементов HTML на принадлежность одному и тому же классу. Она используется
| |
| − | * в реализации сворачивающихся таблиц и блоков (см. функции collapsibleTables
| |
| − | * и collapsibleDivs и тому подобные ниже); а может, и ещё для чего пригодится.
| |
| − | *
| |
| − | * Закрытость объекта reCache достигается механизмом JavaScript function closures:
| |
| − | * http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Working_with_Closures
| |
| − | */
| |
| − | var hasClass = (function (){
| |
| − | var reCache = {};
| |
| − | return function (element, className){
| |
| − | return (reCache[className] ? reCache[className] :
| |
| − | (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))
| |
| − | ).test(element.className);
| |
| − | };
| |
| − | })();
| |
| − |
| |
| − |
| |
| − | /******************************************************************************************
| |
| − | *
| |
| − | * Сворачивающиеся блоки для шаблонов {{Навигационная полоса ЯГПУ (скрыть/показать)}}
| |
| − | * и для таблиц class="collapsible" (см. на [[Справка:Оформление таблиц]] пример).
| |
| − | *
| |
| − | *
| |
| − | */
| |
| − |
| |
| − | var autoCollapse = 2;
| |
| − | var collapseCaption = 'скрыть';
| |
| − | var expandCaption = 'показать';
| |
| − |
| |
| − | function collapsibleTables(){
| |
| − | var allTables = $('#content table.collapsible');
| |
| − |
| |
| − | allTables.each(function(tblIdx){
| |
| − | var HRow = $('tr:first', this);
| |
| − | if (HRow.length == 0){
| |
| − | $(this).addClass('wontCollapse'); // no rows
| |
| − | return true; // continue next iteration of each()
| |
| − | }
| |
| − | if (HRow.parent().children().filter('tr').not(':first').length == 0){
| |
| − | $(this).addClass('wontCollapse'); // no rows after the first
| |
| − | return true; // continue next iteration of each()
| |
| − | }
| |
| − |
| |
| − | var Header = $('th:last', HRow);
| |
| − | if (Header.length == 0){
| |
| − | $(this).addClass('wontCollapse'); // no TH in the first row
| |
| − | return true; // continue next iteration of each()
| |
| − | }
| |
| − |
| |
| − | $(this).data('collapseIndex', tblIdx);
| |
| − | Header.prepend(
| |
| − | '<span style="float: right; font-weight: normal;">'+
| |
| − | '[<a id="collapseButton' + tblIdx + '" href="#" onClick="collapseTable(this); return false;">'+
| |
| − | collapseCaption + '</a>]</span>');
| |
| − | });
| |
| − |
| |
| − | var processedTables = allTables.not('.wontCollapse');
| |
| − | if (processedTables.length > autoCollapse){
| |
| − | processedTables.filter('.autocollapse').each(function(i){
| |
| − | var linkIDX = $(this).data('collapseIndex');
| |
| − | collapseTable($('a#collapseButton' + linkIDX, this).eq(0));
| |
| − | });
| |
| − | }
| |
| − | processedTables.filter('.collapsed').each(function(i){
| |
| − | var linkIDX = $(this).data('collapseIndex');
| |
| − | collapseTable($('a#collapseButton' + linkIDX, this).eq(0));
| |
| − | });
| |
| − | }
| |
| − |
| |
| − | function collapseTable(linkObject){ // accepts both raw and jQuery-wrapped objects
| |
| − | var TheLink = $(linkObject);
| |
| − | var TableRows = TheLink.closest('tr').parent().children().filter('tr').not(':first');
| |
| − | if (TableRows.length == 0) return;
| |
| − |
| |
| − | var isShown = (TheLink.text() == collapseCaption);
| |
| − | if (isShown) {
| |
| − | TheLink.text(expandCaption);
| |
| − | TableRows.each(function(i){
| |
| − | $(this).fadeOut(1000);
| |
| − | });
| |
| − | } else {
| |
| − | TheLink.text(collapseCaption);
| |
| − | TableRows.each(function(i){
| |
| − | $(this).fadeIn(1000);
| |
| − | });
| |
| − | };
| |
| − | }
| |
| − | addOnloadHook(collapsibleTables);
| |
| − |
| |
| − | var NavigationBarHide = '[' + collapseCaption + ']';
| |
| − | var NavigationBarShow = '[' + expandCaption + ']';
| |
| − | var NavigationBarShowDefault = autoCollapse;
| |
| − |
| |
| − | function collapsibleDivs(){
| |
| − | var NavFrameList = $('#content div.NavFrame');
| |
| − | NavFrameList.each(function(navIdx){
| |
| − | var TheNavHead = $('.NavHead:first', this);
| |
| − | if (TheNavHead.length == 0) {
| |
| − | $(this).addClass('wontCollapse'); // no NavHead inside!
| |
| − | return true; // continue next iteration of each()
| |
| − | }
| |
| − | $(this).data('NavFrameIndex', navIdx);
| |
| − | TheNavHead.prepend('<a class="NavToggle" '+
| |
| − | 'id="NavToggle' + navIdx + '" href="#" '+
| |
| − | 'onClick="collapseDiv(this); return false;">'+
| |
| − | NavigationBarHide + '</a>'
| |
| − | );
| |
| − | });
| |
| − |
| |
| − | var processedDivs = NavFrameList.not('.wontCollapse');
| |
| − | if (processedDivs.length > NavigationBarShowDefault){
| |
| − | processedDivs.not('.expanded').each(function(i){
| |
| − | var linkIDX = $(this).data('NavFrameIndex');
| |
| − | collapseDiv($('a#NavToggle' + linkIDX, this).eq(0));
| |
| − | });
| |
| − | }
| |
| − | processedDivs.filter('.collapsed').each(function(i){
| |
| − | var linkIDX = $(this).data('NavFrameIndex');
| |
| − | collapseDiv($('a#NavToggle' + linkIDX, this).eq(0));
| |
| − | });
| |
| − | }
| |
| − |
| |
| − | function collapseDiv(toggleObject){ // accepts both raw and jQuery-wrapped objects
| |
| − | var TheToggle = $(toggleObject);
| |
| − | var TheFrame = TheToggle.closest('div.NavFrame');
| |
| − | if (TheFrame.length == 0) return false;
| |
| − |
| |
| − | TheToggle.text( (TheToggle.text() == NavigationBarHide) ? NavigationBarShow : NavigationBarHide);
| |
| − |
| |
| − | TheFrame.children().filter('.NavPic, .NavContent').each(function(i){
| |
| − | $(this).slideToggle(1000);
| |
| − | });
| |
| − | }
| |
| − | addOnloadHook(collapsibleDivs);
| |
| − |
| |
| − | /* Замена гиперссылки на кнопке «+» (например, наверху обсуждений) на другой адрес,
| |
| − | * если на странице был поставлен шаблон {{modifynewsectionlink}}.
| |
| − | */
| |
| − | function newSectionLink(){
| |
| − | try{
| |
| − | var customLink = $('#add-custom-section a:first');
| |
| − | if (customLink.length == 0) return;
| |
| − | $('#ca-addsection a:first').attr('href', customLink.attr('href'));
| |
| − | }catch(e){}
| |
| − | }
| |
| − |
| |
| | /* «Человек в информационном пространстве» */ | | /* «Человек в информационном пространстве» */ |
| | if (wgArticleId == "3063" || wgArticleId == "3065" || wgArticleId == "3067" || wgArticleId == "3068" || wgArticleId == "3073" || wgArticleId == "3070" || wgArticleId == "3074"){ | | if (wgArticleId == "3063" || wgArticleId == "3065" || wgArticleId == "3067" || wgArticleId == "3068" || wgArticleId == "3073" || wgArticleId == "3070" || wgArticleId == "3074"){ |
