MediaWiki:Common.js
Let wel: Na die wysiging is dit dalk nodig om u blaaier se kasgeheue te verfris voordat u die veranderinge sal sien:
- Firefox / Safari: hou Shift en kliek Herlaai, of druk Ctrl-F5 of Ctrl-R (⌘-R op 'n Mac)
- Google Chrome: Druk Ctrl-Shift-R (⌘-Shift-R op 'n Mac)
- Internet Explorer / Edge: Hou Ctrl en kliek Refresh, of druk Ctrl-F5
- Opera: Gaan na Kieslys → Settings (Opera → Preferences op 'n Mac) en dan na Privacy & security → Clear browsing data → Cached images and files.
/* Any JavaScript here will be loaded for all users on every page load. */
function insertTagsTo_(tagOpen, tagClose, sampleText, outputid) {
var txtarea = document.getElementById(outputid);
if (!txtarea)
return;
// IE
if (document.selection) {
var theSelection = document.selection.createRange().text;
if (!theSelection)
theSelection=sampleText;
txtarea.focus();
if (theSelection.charAt(theSelection.length - 1) == " ") { // exclude ending space char, if any
theSelection = theSelection.substring(0, theSelection.length - 1);
document.selection.createRange().text = tagOpen + theSelection + tagClose + " ";
} else {
document.selection.createRange().text = tagOpen + theSelection + tagClose;
}
// Mozilla
} else if(txtarea.selectionStart || txtarea.selectionStart == '0') {
var replaced = false;
var startPos = txtarea.selectionStart;
var endPos = txtarea.selectionEnd;
if (endPos-startPos)
replaced = true;
var scrollTop = txtarea.scrollTop;
var myText = (txtarea.value).substring(startPos, endPos);
if (!myText)
myText=sampleText;
if (myText.charAt(myText.length - 1) == " ") { // exclude ending space char, if any
subst = tagOpen + myText.substring(0, (myText.length - 1)) + tagClose + " ";
} else {
subst = tagOpen + myText + tagClose;
}
txtarea.value = txtarea.value.substring(0, startPos) + subst +
txtarea.value.substring(endPos, txtarea.value.length);
txtarea.focus();
//set new selection
if (replaced) {
var cPos = startPos+(tagOpen.length+myText.length+tagClose.length);
txtarea.selectionStart = cPos;
txtarea.selectionEnd = cPos;
} else {
txtarea.selectionStart = startPos+tagOpen.length;
txtarea.selectionEnd = startPos+tagOpen.length+myText.length;
}
txtarea.scrollTop = scrollTop;
}
// reposition cursor if possible
if (txtarea.createTextRange)
txtarea.caretPos = document.selection.createRange().duplicate();
}
/**
* Autotekst in uploadpagina voor bestanden
*
* Script voor Speciaal:Uploaden
* Maintainers: [[:commons:User:Yonidebest]], [[:commons:User:Dschwen]]
*/
if (mw.config.get('wgCanonicalSpecialPageName') == 'Upload') {
mw.loader.load( '/w/index.php?title=MediaWiki:Upload.js&action=raw&ctype=text/javascript' );
}
/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* [[Wikipedia:NavFrame]].
* Maintainers: [[User:R. Koot]]
*/
var autoCollapse = 2;
var collapseCaption = 'versteek';
var expandCaption = 'wys';
function collapseTable( tableIndex )
{
var Button = document.getElementById( 'collapseButton' + tableIndex );
var Table = document.getElementById( 'collapsibleTable' + tableIndex );
if ( !Table || !Button ) {
return false;
}
var Rows = Table.rows;
if ( Button.firstChild.data == collapseCaption ) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = 'none';
}
Button.firstChild.data = expandCaption;
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
}
Button.firstChild.data = collapseCaption;
}
}
function createCollapseButtons() {
var tableIndex = 0;
var NavigationBoxes = {};
var Tables = document.getElementsByTagName( 'table' );
for ( var i = 0; i < Tables.length; i++ ) {
if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {
/* only add button and increment count if there is a header row to work with */
var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
if (!HeaderRow) continue;
var Header = HeaderRow.getElementsByTagName( 'th' )[0];
if (!Header) continue;
NavigationBoxes[ tableIndex ] = Tables[i];
Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
var Button = document.createElement( 'span' );
var ButtonLink = document.createElement( 'a' );
var ButtonText = document.createTextNode( collapseCaption );
Button.className = 'collapseButton'; //Styles are declared in Common.css
ButtonLink.style.color = Header.style.color;
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
ButtonLink.appendChild( ButtonText );
Button.appendChild( document.createTextNode( "[" ) );
Button.appendChild( ButtonLink );
Button.appendChild( document.createTextNode( "]" ) );
Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}
for ( var i = 0; i < tableIndex; i++ ) {
if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {
collapseTable( i );
}
else if ( $( NavigationBoxes[i] ).hasClass( 'innercollapse' ) ) {
var element = NavigationBoxes[i];
while (element = element.parentNode) {
if ( $( element ).hasClass( 'outercollapse' ) ) {
collapseTable ( i );
break;
}
}
}
}
}
$( createCollapseButtons );
/* ==Visibility toggling== */
var VisibilityToggles = window.VisibilityToggles = {
// toggles[category] = [[show, hide],...]; statuses[category] = [true, false,...]; buttons = <li>
toggles: {},
statuses: {},
buttons: null,
// Add a new toggle, adds a Show/Hide category button in the toolbar,
// and will call show_function and hide_function once on register, and every alternate click.
register: function (category, show_function, hide_function) {
var id = 0;
if (!this.toggles[category]) {
this.toggles[category] = [];
this.statuses[category] = [];
} else {
id = this.toggles[category].length;
}
this.toggles[category].push([show_function, hide_function]);
this.statuses[category].push(this.currentStatus(category));
this.addGlobalToggle(category);
(this.statuses[category][id] ? show_function : hide_function)();
return function () {
var statuses = VisibilityToggles.statuses[category];
statuses[id] = !statuses[id];
VisibilityToggles.checkGlobalToggle(category);
return (statuses[id] ? show_function : hide_function)();
};
},
// Add a new global toggle to the side bar
addGlobalToggle: function (category) {
if (document.getElementById('p-visibility-' + category))
return;
if (this.buttons === null) {
this.buttons = $('<ul>');
var collapsed = mw.cookie.get("vector-nav-p-visibility") === "false",
toolbox = $('<div>', {
'class': "portal portlet " + (collapsed ? "collapsed" : "expanded"),
'id': 'p-visibility'
})
.append($('<h3>Visibility</h3>'))
.append($('<div>').addClass("pBody body").css("display", "block")
.append(this.buttons));
var sidebar = document.getElementById('mw-panel') || document.getElementById('column-one');
var insert = document.getElementById('p-lang') || document.getElementById('p-feedback');
if (insert)
$(insert).before(toolbox);
else
$(sidebar).appendChild(toolbox);
}
var status = this.currentStatus(category);
var newToggle = $('<li>').append($('<a>', {
id: 'p-visibility-' + category,
style: 'cursor: pointer',
href: '#visibility-' + category}).on("click", function (e) {
VisibilityToggles.toggleGlobal(category);
if (e && e.preventDefault)
e.preventDefault();
else
window.event.returnValue = false;
return false;
}).text((status ? 'Hide ' : 'Show ') + category));
this.buttons.children().filter(function(i, elem) {
return elem.id < newToggle.id;
}).first().before(newToggle);
this.buttons.append(newToggle);
},
// Update the toggle-all buttons when all things are toggled one way
checkGlobalToggle: function (category) {
var statuses = this.statuses[category];
var status = statuses[0];
for (var i = 1; i < statuses.length; i++) {
if (status != statuses[i])
return;
}
document.getElementById('p-visibility-' + category).innerHTML = (status ? 'Hide ' : 'Show ') + category;
},
// Toggle all un-toggled elements when the global button is clicked
toggleGlobal: function (category) {
var status = document.getElementById('p-visibility-' + category).innerHTML.indexOf('Show ') === 0;
for (var i = 0; i < this.toggles[category].length; i++) {
if (this.statuses[category][i] != status) {
this.toggles[category][i][status ? 0 : 1]();
this.statuses[category][i] = status;
}
}
document.getElementById('p-visibility-' + category).innerHTML = (status ? 'Hide ' : 'Show ') + category;
var current = mw.cookie.get('Visibility');
if (!current)
current = ";";
current = current.replace(';' + category + ';', ';');
if (status)
current = current + category + ";";
mw.cookie.set('Visibility', current);
},
currentStatus: function (category) {
if (location.hash.toLowerCase().split('_')[0] == '#' + category.toLowerCase())
return true;
if (location.href.search(/[?](.*&)?hidecats=/) > 0) {
var hidecats = location.href;
hidecats = hidecats.replace(/^[^?]+[?]((?!hidecats=)[^&]*&)*hidecats=/, '');
hidecats = hidecats.replace(/&.*/, '');
hidecats = hidecats.split(',');
for (var i = 0; i < hidecats.length; ++i)
if (hidecats[i] == category || hidecats[i] == 'all')
return false;
else if (hidecats[i] == '!' + category || hidecats[i] == 'none')
return true;
}
if (mw.cookie.get('WiktionaryPreferencesShowNav') == 'true')
return true;
if ((mw.cookie.get('Visibility') || "").indexOf(';' + category + ';') >= 0)
return true;
// TODO check category-specific cookies
return false;
}
};
/* == NavBars == */
var NavigationBarHide = 'versteek ▲';
var NavigationBarShow = 'wys ▼';
function NavToggleCategory(navFrame) {
if ($(navFrame).find('table').first().is(".translations"))
return "translations";
var heading = navFrame.previousSibling;
while (heading) {
if (/[hH][4-6]/.test(heading.nodeName)) {
if (heading.getElementsByTagName('span')[1])
heading = heading.getElementsByTagName('span')[0];
return jQuery(heading).text().toLowerCase()
// jQuery's .text() is inconsistent about whitespace:
.replace(/^\s+|\s+$/g, '').replace(/\s+/g, ' ')
// remove numbers added by the "Auto-number headings" pref:
.replace(/^[1-9][0-9.]+ ?/, '');
} else if (/[hH][1-3]/.test(heading.nodeName))
break;
heading = heading.previousSibling;
}
return "other boxes";
}
function createNavToggle(navFrame) {
var navHead, navContent;
for (var j = 0; j < navFrame.childNodes.length; j++) {
var div = navFrame.childNodes[j];
if (/(^|[^a-zA-Z0-9_\-])NavHead(?![a-zA-Z0-9_\-])/.test(div.className))
navHead = div;
if (/(^|[^a-zA-Z0-9_\-])NavContent(?![a-zA-Z0-9_\-])/.test(div.className))
navContent = div;
}
if (!navHead || !navContent)
return;
// Step 1, don't react when a subitem is clicked.
$(navHead).find("a").on("click", function (e) {
if (e && e.stopPropagation)
e.stopPropagation();
else
window.event.cancelBubble = true;
});
// Step 2, toggle visibility when bar is clicked.
// NOTE This function was chosen due to some funny behaviour in Safari.
var $navToggle = $('<a>');
$('<span>').addClass('NavToggle')
.append($navToggle)
.prependTo(navHead);
navHead.style.cursor = "pointer";
navHead.onclick = VisibilityToggles.register(NavToggleCategory(navFrame),
function show() {
$navToggle.html(NavigationBarHide);
if (navContent)
navContent.style.display = "block";
},
function hide() {
$navToggle.html(NavigationBarShow);
if (navContent)
navContent.style.display = "none";
});
}
/* == Apply functions defined above == */
$.when($.ready, mw.loader.using('mediawiki.cookie')).done(function(){
//NavToggles
var divs = jQuery(".NavFrame");
for (var i = 0; i < divs.length; i++) {
// XXX: some templates use a class of NavFrame for the style, but for legacy reasons, are not NavFrames
// if (divs[i].className == "NavFrame") {
createNavToggle(divs[i]);
// }
}
});
/**
* Small search keyboard
*
* Author: Maciej Jaros [[:pl:User:Nux]]
* Licence: CC-BY or [http://opensource.org/licenses/gpl-license.php GNU General Public License v2]
*/
if (mw.config.get( 'wgCanonicalSpecialPageName' ) == 'Search'){
$(addSearchKeyboards);
}
function addSearchKeyboards() {
if (document.forms.search)
addSearchKeyboard(document.forms.search);
if (document.forms.powersearch)
addSearchKeyboard(document.forms.powersearch);
}
function addSearchKeyboard(searchForm) {
var searchBoxId = 'lsearchbox';
if (!searchForm.lsearchbox) {
if (searchForm.search.id === '') {
searchBoxId = searchForm.name + 'box';
searchForm.search.id = searchBoxId;
} else
searchBoxId = searchForm.search.id;
}
var letters = ['ä', 'å', 'ç', 'è', 'é', 'ë', 'ê', 'ì', 'í', 'ï', 'î', 'ò', 'ó', 'ö', 'ô', 'ß', 'ü', 'û'];
var html = "Sleutelbord: ";
for (var i = 0; i < letters.length; i++) {
html += "<a onclick=\"insertTagsTo_('" + letters[i] + "','','','" + searchBoxId + "');return false\" href=\"#\">" + letters[i] + "</a>";
}
var newEl = document.createElement('div');
newEl.className = 'search_keyboard';
newEl.innerHTML = html;
newEl.style.cssText = 'width:50%; font-size:small; font-weight: bold';
document.getElementById(searchBoxId).parentNode.appendChild(newEl);
}
/** Change Special:Search to use a drop-down menu
*
* Description: Dodaje do strony Special:Search menu selectbox
* pozwalające na wybór wyszukiwarki
* Created by: [[en:User:Gracenotes]] Updated by [[fr:User:Pmartin]]
*/
if ( mw.config.get( 'wgCanonicalSpecialPageName' ) == 'Search' ) {
var searchEngines = {
mediawiki: {
ShortName: 'MediaWiki Soek',
Template: "/w/index.php?search={searchTerms}"
},
google: {
ShortName: 'Google',
Template: "https://www.google.com/search?hl=" + mw.config.get( 'wgUserLanguage' ) + "&q={searchTerms}&as_sitesearch=" + encodeURIComponent( mw.config.get( 'wgServerName' ) )
},
wlive: {
ShortName: 'Bing',
Template: "https://www.bing.com/search?q={searchTerms}&q1=site:" + encodeURIComponent( mw.config.get( 'wgServerName' ) )
},
wikiwix: {
ShortName: 'Wikiwix',
Template: "http://www.wikiwix.com/index.php?action={searchTerms}&lang=" + mw.config.get( 'wgContentLanguage' )
}
};
$(externalSearchEngines);
}
function externalSearchEngines() {
if (typeof SpecialSearchEnhanced2Disabled != 'undefined') return;
var mainNode = document.getElementById('powersearch');
if (!mainNode) mainNode = document.getElementById('search');
if (!mainNode) return;
var beforeNode = document.getElementById("mw-search-top-table");
if (!beforeNode) return;
beforeNode = beforeNode.nextSibling;
if (!beforeNode) return;
var firstEngine = 'mediawiki';
var choices = document.createElement('div');
choices.setAttribute('id','searchengineChoices');
choices.style.textAlign = 'center';
var lsearchbox = document.getElementById('searchText');
var initValue = lsearchbox.value;
var space = "";
for (var id in searchEngines) {
var engine = searchEngines[id];
if(engine.ShortName)
{
if (space) choices.appendChild(space);
space = document.createTextNode(" ");
var attr = {
type: 'radio',
name: 'searchengineselect',
value: id,
onFocus: "changeSearchEngine(this.value)",
id: "searchengineRadio-"+id
};
var html = "<input";
for (var a in attr) html += " " + a + "='" + attr[a] + "'";
html += " />";
var span = document.createElement('span');
span.innerHTML = html;
choices.appendChild( span );
var label;
if (engine.Template.indexOf('http') === 0) {
label = document.createElement('a');
label.href = engine.Template.replace("{searchTerms}", initValue).replace("{language}", 'fr');
} else {
label = document.createElement('label');
}
label.appendChild( document.createTextNode( engine.ShortName ) );
choices.appendChild( label );
}
}
mainNode.insertBefore(choices, beforeNode);
var input = document.createElement('input');
input.id = 'searchengineextraparam';
input.type = 'hidden';
mainNode.insertBefore(input, beforeNode);
changeSearchEngine(firstEngine, initValue);
}
function changeSearchEngine(selectedId, searchTerms) {
var currentId = document.getElementById('searchengineChoices').currentChoice;
if (selectedId == currentId) return;
document.getElementById('searchengineChoices').currentChoice = selectedId;
var radio = document.getElementById('searchengineRadio-' + selectedId);
radio.checked = 'checked';
var engine = searchEngines[selectedId];
var p = engine.Template.indexOf('?');
var params = engine.Template.substr(p+1);
var form;
if (document.forms.search) {
form = document.forms.search;
} else {
form = document.getElementById('powersearch');
}
form.setAttribute('action', engine.Template.substr(0,p));
var l = ("" + params).split("&");
for (var idx = 0;idx < l.length;idx++) {
var p = l[idx].split("=");
var pValue = p[1];
if (pValue == "{language}") {
} else if (pValue == "{searchTerms}") {
var input;
input = document.getElementById('searchText');
input.name = p[0];
} else {
var input = document.getElementById('searchengineextraparam');
input.name = p[0];
input.value = pValue;
}
}
}
/*
Plasing van [wysig]-skakel
--------------------------
Correction des titres qui s'affichent mal en raison de limitations dues à MediaWiki.
Copyright 2006, Marc Mongenet. Licence GPL et GFDL.
The function looks for <span class="editsection">, and move them
at the end of their parent and display them inline in small font.
var oldEditsectionLinks=true disables the function.
*/
function setModifySectionStyle() {
try {
if ( !(typeof oldEditsectionLinks == 'undefined' || oldEditsectionLinks === false) ){
return;
}
mw.util.addCSS( 'span.editsection { font-size: xx-small; font-weight: normal; float: none; }' );
var spans = document.getElementsByTagName( 'span' ), s;
for ( s = 0; s < spans.length; ++s ) {
var span = spans[s];
if ( span.className == 'editsection' ) {
span.parentNode.appendChild( document.createTextNode(' ') );
span.parentNode.appendChild( span );
}
}
} catch (e) { /* something went wrong */ }
}
$(setModifySectionStyle);
/**
* Interwiki links to featured articles ***************************************
*
* Description: Highlights interwiki links to featured articles (or
* equivalents) by changing the bullet before the interwiki link
* into a star.
* Maintainers: [[User:R. Koot]]
*/
function LinkFA() {
if ( document.getElementById( 'p-lang' ) ) {
var InterwikiLinks = document.getElementById( 'p-lang' ).getElementsByTagName( 'li' );
for ( var i = 0; i < InterwikiLinks.length; i++ ) {
var className = InterwikiLinks[i].className.match(/interwiki-[-\w]+/);
if ( document.getElementById( className + '-fa' ) && InterwikiLinks[i].className.indexOf( 'badge-featuredarticle' ) === -1 ) {
InterwikiLinks[i].className += ' FA';
InterwikiLinks[i].title = 'Hierdie is ’n voorbladartikel in ’n ander taal.';
} else if ( document.getElementById( className + '-ga' ) && InterwikiLinks[i].className.indexOf( 'badge-goodarticle' ) === -1 ) {
InterwikiLinks[i].className += ' GA';
InterwikiLinks[i].title = 'Hierdie is ’n goeie artikel in ’n ander taal.';
}
}
}
}
mw.hook( 'wikipage.content' ).add( LinkFA );
/**
* WikiMiniAtlas is a popup click and drag world map.
* See [[meta:WikiMiniAtlas]] for more information.
* Maintainers: [[w:User:Dschwen]]
*/
mw.loader.load('//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript');