Diqqət! 4 aprel 2024-cü il tarixdən saytın yeni versiyası sheki.org domenində fəaliyyət göstərir. Bu köhnə versiyadır və yenilənməsi məhdudlaşdırılıb.
Şəki Ensiklopediyasına maliyyə dəstəyi göstərmək istəyən hər bir şəxs 4169 7388 5183 5607 (05/26 VISA) Kapital Bank kart hesabımıza istədiyi məbləğdə ianə köçürə bilər.   Daha ətraflı...

Changes

Jump to navigation Jump to search
Nəzərə çarpan dəyişiklik yoxdur.
Sətir 1: Sətir 1: −
/* Burada redaktorların hamısı üçün bütün səhifələrdə istənilən JavaScript yüklənəcək */
   
// Switch language variants of messages (from zh)
 
// Switch language variants of messages (from zh)
 
function wgULS(latn,arab){
 
function wgULS(latn,arab){
Sətir 97: Sətir 96:  
   }
 
   }
 
});
 
});
  −
/* Test if an element has a certain class **************************************
  −
  *
  −
  * Description: Uses regular expressions and caching for better performance.
  −
  * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
  −
  */
  −
  −
var hasClass = (function () {
  −
    var reCache = {};
  −
    return function (element, className) {
  −
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
  −
    };
  −
})();
  −
      
  /** Interwiki links to featured articles ***************************************
 
  /** Interwiki links to featured articles ***************************************
Sətir 119: Sətir 104:  
   *  Maintainers: [[User:R. Koot]]
 
   *  Maintainers: [[User:R. Koot]]
 
   */
 
   */
 +
 
 +
/**
 +
* NAVFRAME
 +
*/
 
   
 
   
 
//Messages
 
//Messages
Sətir 128: Sətir 117:  
var zeroSectionTip = 'Girişi redaktə et';
 
var zeroSectionTip = 'Girişi redaktə et';
   −
var NavigationBarHide = '[bağla]';
+
var NavigationBarHide = '[gizlət]';
var NavigationBarShow = '[bax]';
+
var NavigationBarShow = '[göstər]';
 
var NavigationBarShowDefault = 2;
 
var NavigationBarShowDefault = 2;
   Sətir 163: Sətir 152:       −
/** Collapsible tables *********************************************************
+
var NavigationBarShowDefault;
  *
+
if ( typeof NavigationBarShowDefault === 'undefined' ) {
  * Description: Allows tables to be collapsed, showing only the header. See
+
NavigationBarShowDefault = 1;
  *              [[Wikipedia:NavFrame]].
+
}
  * Maintainers: [[User:R. Koot]]
+
 
  */
+
// table.collapsible
 +
function makeCollapsibleMwCollapsible( $content ) {
 +
var $tables = $content
 +
.find( 'table.collapsible:not(.mw-collapsible)' )
 +
.addClass( 'mw-collapsible' );
 +
 
 +
$.each( $tables, function( index, table ) {
 +
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
 +
if( $( table ).hasClass( 'collapsed') ) {
 +
$( table ).addClass( 'mw-collapsed' );
 +
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
 +
}
 +
} );
 +
if( $tables.length > 0 ) {
 +
mw.loader.using( 'jquery.makeCollapsible' ).then( function() {
 +
$tables.makeCollapsible();
 +
} );
 +
}
 +
}
 +
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );
 +
 
 +
/**
 +
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
 +
*
 +
* Maintainers: TheDJ
 +
*/
 +
function mwCollapsibleSetup( $collapsibleContent ) {
 +
var $element,
 +
$toggle,
 +
autoCollapseThreshold = 2;
 +
$.each( $collapsibleContent, function (index, element) {
 +
$element = $( element );
 +
if ( $element.hasClass( 'collapsible' ) ) {
 +
$element.find('tr:first > th:first').prepend( $element.find('tr:first > * > .mw-collapsible-toggle'));
 +
}
 +
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
 +
$element.data( 'mw-collapsible' ).collapse();
 +
} else if ( $element.hasClass( 'innercollapse' ) ) {
 +
if ( $element.parents( '.outercollapse' ).length > 0 ) {
 +
$element.data( 'mw-collapsible' ).collapse();
 +
}
 +
}
 +
// because of colored backgrounds, style the link in the text color
 +
// to ensure accessible contrast
 +
$toggle = $element.find( '.mw-collapsible-toggle' );
 +
if ( $toggle.length ) {
 +
// Make the toggle inherit text color
 +
if( $toggle.parent()[0].style.color ) {
 +
$toggle.find( 'a' ).css( 'color', 'inherit' );
 +
}
 +
}
 +
} );
 +
}
 +
 
 +
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
 +
 
 +
/**
 +
* Dynamic Navigation Bars (experimental)
 +
*
 +
* Description: See [[Wikipedia:NavFrame]].
 +
* Maintainers: UNMAINTAINED
 +
*/
 
   
 
   
var autoCollapse = 2;
+
var collapseCaption = 'gizlə';
var collapseCaption = "bağla";
+
var expandCaption = 'göstər';
var expandCaption = "bax";
+
 
   
+
// Set up the words in your language
  function collapseTable( tableIndex )
+
var navigationBarHide = '[' + collapseCaption + ']';
{
+
var navigationBarShow = '[' + expandCaption + ']';
    var Button = document.getElementById( "collapseButton" + tableIndex );
+
 
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
+
/**
    var i;
+
* Shows and hides content and picture (if available) of navigation bars.
    if ( !Table || !Button ) {
+
  *
        return false;
+
  * @param {number} indexNavigationBar The index of navigation bar to be toggled
    }
+
* @param {jQuery.Event} event Event object
+
*/
    var Rows = Table.getElementsByTagName( "tr" );
+
function toggleNavigationBar( indexNavigationBar, event ) {
+
var navToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
    if ( Button.firstChild.data == collapseCaption ) {
+
var navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
        for ( i = 1; i < Rows.length; i++ ) {
+
var navChild;
            Rows[i].style.display = "none";
+
 
        }
+
if ( !navFrame || !navToggle ) {
        Button.firstChild.data = expandCaption;
+
return false;
    } else {
+
}
        for ( i = 1; i < Rows.length; i++ ) {
+
 
            Rows[i].style.display = Rows[0].style.display;
+
// If shown now
        }
+
if ( navToggle.firstChild.data === navigationBarHide ) {
        Button.firstChild.data = collapseCaption;
+
for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
    }
+
if ( $( navChild ).hasClass( 'NavContent' ) ) {
  }
+
navChild.style.display = 'none';
   
+
}
function createCollapseButtons()
+
}
{
+
navToggle.firstChild.data = navigationBarShow;
    var tableIndex = 0;
+
    var NavigationBoxes = {};
+
// If hidden now
    var Tables = document.getElementsByTagName( "table" );
+
} else if ( navToggle.firstChild.data === navigationBarShow ) {
    var i;
+
for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
    for ( i = 0; i < Tables.length; i++ ) {
+
if ( $( navChild ).hasClass( 'NavContent' ) ) {
        if ( hasClass( Tables[i], "collapsible" ) ) {
+
navChild.style.display = 'block';
            NavigationBoxes[ tableIndex ] = Tables[i];
+
}
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
+
}
+
navToggle.firstChild.data = navigationBarHide;
            var Button    = document.createElement( "span" );
+
}
            var ButtonLink = document.createElement( "a" );
+
 
            var ButtonText = document.createTextNode( collapseCaption );
+
event.preventDefault();
   
+
}
            Button.style.styleFloat = "right";
+
 
            Button.style.cssFloat = "right";
+
/**
            Button.style.fontWeight = "normal";
+
* Adds show/hide-button to navigation bars.
            Button.style.textAlign = "right";
+
*
            Button.style.width = "6em";
+
  * @param {jQuery} $content
+
  */
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
+
function createNavigationBarToggleButton( $content ) {
            ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
+
var i, j, navChild, navToggle, navToggleText, isCollapsed,
            ButtonLink.appendChild( ButtonText );
+
indexNavigationBar = 0;
+
// Iterate over all < div >-elements
            Button.appendChild( document.createTextNode( "[" ) );
+
var $divs = $content.find( 'div.NavFrame:not(.mw-collapsible)' );
            Button.appendChild( ButtonLink );
+
$divs.each( function ( i, navFrame ) {
            Button.appendChild( document.createTextNode( "]" ) );
+
indexNavigationBar++;
+
navToggle = document.createElement( 'a' );
            var Header = Tables[i].getElementsByTagName( "tr" )[0].getElementsByTagName( "th" )[0];
+
navToggle.className = 'NavToggle';
            /* only add button and increment count if there is a header row to work with */
+
navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
            if (Header) {
+
navToggle.setAttribute( 'href', '#' );
                Header.insertBefore( Button, Header.childNodes[0] );
+
$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );
                tableIndex++;
+
 
            }
+
isCollapsed = $( navFrame ).hasClass( 'collapsed' );
        }
+
/**
    }
+
* Check if any children are already hidden. This loop is here for backwards compatibility:
+
* the old way of making NavFrames start out collapsed was to manually add style="display:none"
    for ( i = 0; i < tableIndex; i++ ) {
+
* to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
+
* the content visible without JavaScript support), the new recommended way is to add the class
            collapseTable( i );
+
* "collapsed" to the NavFrame itself, just like with collapsible tables.
        }
+
*/
    }
+
for ( navChild = navFrame.firstChild; navChild !== null && !isCollapsed; navChild = navChild.nextSibling ) {
}
+
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
+
if ( navChild.style.display === 'none' ) {
$( createCollapseButtons );
+
isCollapsed = true;
 +
}
 +
}
 +
}
 +
if ( isCollapsed ) {
 +
for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
 +
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 +
navChild.style.display = 'none';
 +
}
 +
}
 +
}
 +
navToggleText = document.createTextNode( isCollapsed ? navigationBarShow : navigationBarHide );
 +
navToggle.appendChild( navToggleText );
 +
 
 +
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
 +
for ( j = 0; j < navFrame.childNodes.length; j++ ) {
 +
if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
 +
navToggle.style.color = navFrame.childNodes[j].style.color;
 +
navFrame.childNodes[j].appendChild( navToggle );
 +
}
 +
}
 +
navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
 +
} );
 +
}
   −
/** Dynamic Navigation Bars (experimental) *************************************
+
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
  *
  −
  *  Description: See [[Wikipedia:NavFrame]].
  −
  *  Maintainers: UNMAINTAINED
  −
  */
  −
  −
  // set up the words in your language
  −
  var NavigationBarHide = '[' + collapseCaption + ']';
  −
  var NavigationBarShow = '[' + expandCaption + ']';
  −
 
  −
  // set up max count of Navigation Bars on page,
  −
  // if there are more, all will be hidden
  −
  // NavigationBarShowDefault = 0; // all bars will be hidden
  −
  // NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden
  −
  var NavigationBarShowDefault = autoCollapse;
  −
 
  −
 
  −
  // shows and hides content and picture (if available) of navigation bars
  −
  // Parameters:
  −
  //    indexNavigationBar: the index of navigation bar to be toggled
  −
  function toggleNavigationBar(indexNavigationBar)
  −
  {
  −
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
  −
    var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
  −
 
  −
    if (!NavFrame || !NavToggle) {
  −
        return false;
  −
    }
  −
 
  −
    // if shown now
  −
    if (NavToggle.firstChild.data == NavigationBarHide) {
  −
        for (
  −
                var NavChild = NavFrame.firstChild;
  −
                NavChild != null;
  −
                NavChild = NavChild.nextSibling
  −
            ) {
  −
            if ( hasClass( NavChild, 'NavPic' ) ) {
  −
                NavChild.style.display = 'none';
  −
            }
  −
            if ( hasClass( NavChild, 'NavContent') ) {
  −
                NavChild.style.display = 'none';
  −
            }
  −
        }
  −
    NavToggle.firstChild.data = NavigationBarShow;
  −
 
  −
    // if hidden now
  −
    } else if (NavToggle.firstChild.data == NavigationBarShow) {
  −
        for (
  −
                var NavChild = NavFrame.firstChild;
  −
                NavChild != null;
  −
                NavChild = NavChild.nextSibling
  −
            ) {
  −
            if (hasClass(NavChild, 'NavPic')) {
  −
                NavChild.style.display = 'block';
  −
            }
  −
            if (hasClass(NavChild, 'NavContent')) {
  −
                NavChild.style.display = 'block';
  −
            }
  −
        }
  −
    NavToggle.firstChild.data = NavigationBarHide;
  −
    }
  −
  }
  −
 
  −
  // adds show/hide-button to navigation bars
  −
  function createNavigationBarToggleButton()
  −
  {
  −
    var indexNavigationBar = 0;
  −
    // iterate over all < div >-elements
  −
    var divs = document.getElementsByTagName("div");
  −
    for(
  −
            var i=0;
  −
            NavFrame = divs[i];
  −
            i++
  −
        ) {
  −
        // if found a navigation bar
  −
        if (hasClass(NavFrame, "NavFrame")) {
  −
 
  −
            indexNavigationBar++;
  −
            var NavToggle = document.createElement("a");
  −
            NavToggle.className = 'NavToggle';
  −
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
  −
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
  −
           
  −
            var NavToggleText = document.createTextNode(NavigationBarHide);
  −
            NavToggle.appendChild(NavToggleText);
  −
            // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
  −
            for(
  −
              var j=0;
  −
              j < NavFrame.childNodes.length;
  −
              j++
  −
            ) {
  −
              if (hasClass(NavFrame.childNodes[j], "NavHead")) {
  −
                NavFrame.childNodes[j].appendChild(NavToggle);
  −
              }
  −
            }
  −
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
  −
        }
  −
    }
  −
    // if more Navigation Bars found than Default: hide all
  −
    if (NavigationBarShowDefault < indexNavigationBar) {
  −
        for(
  −
                var i=1;
  −
                i<=indexNavigationBar;
  −
                i++
  −
        ) {
  −
            toggleNavigationBar(i);
  −
        }
  −
    }
  −
 
  −
  }
  −
 
  −
  $( createNavigationBarToggleButton );
      
  /** "Technical restrictions" title fix *****************************************
 
  /** "Technical restrictions" title fix *****************************************
Sətir 571: Sətir 533:  
var searchEngines = {
 
var searchEngines = {
 
   mediawiki: {
 
   mediawiki: {
     ShortName: "Şəki Ensiklopediyasında axtarış",
+
     ShortName: "MediaWiki axtarışı",
     Template: "/encyclopedia/index.php?search={searchTerms}"
+
     Template: "/w/index.php?search={searchTerms}"
 
   },
 
   },
 
   globalwpsearch: {
 
   globalwpsearch: {
Sətir 580: Sətir 542:  
   google: {
 
   google: {
 
     ShortName: "Google",
 
     ShortName: "Google",
     Template: "http://www.google.cat/search?as_sitesearch=sheki.wiki&hl={language}&q={searchTerms}"
+
     Template: "http://www.google.cat/search?as_sitesearch=az.wikipedia.org&hl={language}&q={searchTerms}"
 
   },
 
   },
 
   wikiwix: {
 
   wikiwix: {
Sətir 588: Sətir 550:  
   yahoo: {
 
   yahoo: {
 
     ShortName: "Yahoo!",
 
     ShortName: "Yahoo!",
     Template: "http://search.yahoo.com/search?p={searchTerms}&vs=sheki.wiki"
+
     Template: "http://search.yahoo.com/search?p={searchTerms}&vs=az.wikipedia.org"
 
   },
 
   },
 
   wlive: {
 
   wlive: {
 
     ShortName: "Windows Live",
 
     ShortName: "Windows Live",
     Template: "http://search.live.com/results.aspx?q={searchTerms}&q1=site:http://sheki.wiki"
+
     Template: "http://search.live.com/results.aspx?q={searchTerms}&q1=site:http://az.wikipedia.org"
 
   }
 
   }
 
};
 
};
Sətir 776: Sətir 738:  
}
 
}
    +
 +
/**
 +
* Imagemap Highlight
 +
*/
 +
// На странице есть как минимум один элемент .imageMapHighlighter, а браузер поддерживает <canvas>
 +
if ( $( '.imageMapHighlighter' ).length && $( '<canvas>' )[ 0 ].getContext ) {
 +
importScript( 'MediaWiki:Imagemap-Highlight.js' );
 +
}
 
     /**
 
     /**
 
* imgToggle
 
* imgToggle
Sətir 812: Sətir 782:  
} );
 
} );
 
}
 
}
  −
$(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 ? 'показать ссылки текстом' : 'sıyahını aç',
  −
collapseLegend = ru ? 'скрыть ссылки текстом' : 'siyahını bağla',
  −
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.
  −
parent.after($('<hr>', {
  −
'class': myClassName
  −
})
  −
.css('clear', 'both'))
  −
.after(oldiv);
  −
$('<hr>', {
  −
'class': myClassName
  −
})
  −
.css('clear', 'both')
  −
.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 (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);
  −
});
 

Naviqasiya menyusu