Wikisage, de vrije encyclopedie van de tweede generatie, is digitaal erfgoed

Wikisage is op 1 na de grootste internet-encyclopedie in het Nederlands. Iedereen kan de hier verzamelde kennis gratis gebruiken, zonder storende advertenties. De Koninklijke Bibliotheek van Nederland heeft Wikisage in 2018 aangemerkt als digitaal erfgoed.

  • Wilt u meehelpen om Wikisage te laten groeien? Maak dan een account aan. U bent van harte welkom. Zie: Portaal:Gebruikers.
  • Bent u blij met Wikisage, of wilt u juist meer? Dan stellen we een bescheiden donatie om de kosten te bestrijden zeer op prijs. Zie: Portaal:Donaties.

MediaWiki:Common.js: verschil tussen versies

Uit Wikisage
Naar navigatie springen Naar zoeken springen
(start , uitklapframe)
 
(dynamisch inklapbare div https://nl.wikipedia.org/w/index.php?title=MediaWiki:Common.js&oldid=52249862)
 
Regel 1: Regel 1:
 
/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */
 
/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */
 
// ============================================================
 
// ============================================================
// BEGIN Dynamisch inklapbare div
+
 
+
// ============================================================
// set up the words in your language
+
// BEGIN Dynamisch inklapbare div
var UitklapDivHide = 'Inklappen';
+
 
var UitklapDivShow = 'Uitklappen';
+
// set up the words in your language
+
var UitklapDivHide = 'Inklappen';
// shows and hides content of Uitklap divs
+
var UitklapDivShow = 'Uitklappen';
// Parameters:
+
 
//     indexUitklapDiv: the index of Uitklap div to be toggled
+
// shows and hides content of Uitklap divs
function toggleUitklapDiv(indexUitklapDiv)
+
// Parameters:
{
+
// indexUitklapDiv: the index of Uitklap div to be toggled
  var UitklapToggle = document.getElementById("UitklapToggle" + indexUitklapDiv);
+
var toggleUitklapDiv = window.toggleUitklapDiv = function(indexUitklapDiv) {
  var UitklapFrame = document.getElementById("UitklapFrame" + indexUitklapDiv);
+
var UitklapToggle = document.getElementById('UitklapToggle' + indexUitklapDiv);
+
var UitklapFrame = document.getElementById('UitklapFrame' + indexUitklapDiv);
  if (!UitklapFrame || !UitklapToggle) {
+
var UitklapChild;
      return false;
+
 
  }
+
if (!UitklapFrame || !UitklapToggle) {
+
return false;
  // if shown now
+
}
  if (UitklapToggle.firstChild.data == UitklapDivHide) {
+
 
      for (
+
// if shown now
              var UitklapChild = UitklapFrame.firstChild;
+
if (UitklapToggle.firstChild.data === UitklapDivHide) {
              UitklapChild != null;
+
for (
              UitklapChild = UitklapChild.nextSibling
+
UitklapChild = UitklapFrame.firstChild;
          ) {
+
UitklapChild !== null;
          if (UitklapChild.className == 'UitklapContent') {
+
UitklapChild = UitklapChild.nextSibling
              UitklapChild.style.display = 'none';
+
) {
          }
+
if (UitklapChild.className === 'UitklapContent') {
          if (UitklapChild.className == 'UitklapToggle') {
+
UitklapChild.style.display = 'none';
              UitklapChild.firstChild.data = UitklapDivShow;
+
}
          }
+
if (UitklapChild.className === 'UitklapToggle') {
      }
+
UitklapChild.firstChild.data = UitklapDivShow;
+
}
  // if hidden now
+
}
  } else if (UitklapToggle.firstChild.data == UitklapDivShow) {
+
 
      for (
+
// if hidden now
              var UitklapChild = UitklapFrame.firstChild;
+
} else if (UitklapToggle.firstChild.data === UitklapDivShow) {
              UitklapChild != null;
+
for (
              UitklapChild = UitklapChild.nextSibling
+
UitklapChild = UitklapFrame.firstChild;
          ) {
+
UitklapChild !== null;
          if (UitklapChild.className == 'UitklapContent') {
+
UitklapChild = UitklapChild.nextSibling
              UitklapChild.style.display = 'block';
+
) {
          }
+
if (UitklapChild.className === 'UitklapContent') {
          if (UitklapChild.className == 'UitklapToggle') {
+
UitklapChild.style.display = 'block';
              UitklapChild.firstChild.data = UitklapDivHide;
+
}
          }
+
if (UitklapChild.className === 'UitklapToggle') {
      }
+
UitklapChild.firstChild.data = UitklapDivHide;
  }
+
}
}
+
}
+
}
// adds show/hide-button to navigation bars
+
};
function createUitklapDivToggleButton()
+
 
{
+
// adds show/hide-button to navigation bars
  var indexUitklapDiv = 0;
+
function createUitklapDivToggleButton() {
  // iterate over all < div >-elements
+
var indexUitklapDiv = 0;
  for(
+
var i, u, UitklapFrame;
          var i=0;  
+
// iterate over all < div >-elements
          UitklapFrame = document.getElementsByTagName("div")[i];  
+
for (i = 0; (UitklapFrame = document.getElementsByTagName('div')[i]); i++) {
          i++
+
// if found a navigation bar
      ) {
+
if (UitklapFrame.className === 'UitklapFrame' || UitklapFrame.className === 'UitklapFrameNoClear') {
      // if found a navigation bar
+
 
      if (UitklapFrame.className == "UitklapFrame" || UitklapFrame.className == "UitklapFrameNoClear") {
+
indexUitklapDiv++;
+
var UitklapToggle = document.createElement('a');
          indexUitklapDiv++;
+
UitklapToggle.className = 'UitklapToggle';
          var UitklapToggle = document.createElement("a");
+
UitklapToggle.setAttribute('id', 'UitklapToggle' + indexUitklapDiv);
          UitklapToggle.className = 'UitklapToggle';
+
$(UitklapToggle).data('mwUitklapFrameIndex', indexUitklapDiv).click(function (e) {
          UitklapToggle.setAttribute('id', 'UitklapToggle' + indexUitklapDiv);
+
toggleUitklapDiv($(this).data('mwUitklapFrameIndex'));
          UitklapToggle.setAttribute('href', 'javascript:toggleUitklapDiv(' + indexUitklapDiv + ');');
+
e.preventDefault();
+
});
          var UitklapToggleText = document.createTextNode(UitklapDivHide);
+
 
          UitklapToggle.appendChild(UitklapToggleText);
+
var UitklapToggleText = document.createTextNode(UitklapDivHide);
+
UitklapToggle.appendChild(UitklapToggleText);
          // add NavToggle-Button as first div-element  
+
 
          // in < div class="UitklapFrame" >
+
// add NavToggle-Button as first div-element
          UitklapFrame.insertBefore(
+
// in < div class="UitklapFrame" >
              UitklapToggle,
+
UitklapFrame.insertBefore(UitklapToggle, UitklapFrame.firstChild);
              UitklapFrame.firstChild
+
UitklapFrame.setAttribute('id', 'UitklapFrame' + indexUitklapDiv);
          );
+
}
          UitklapFrame.setAttribute('id', 'UitklapFrame' + indexUitklapDiv);
+
}
      }
+
for (u = 1; u <= indexUitklapDiv; u++) {
  }
+
toggleUitklapDiv(u);
  for(
+
}
      var i=1;  
+
}
      i<=indexUitklapDiv;  
+
 
      i++
+
$(createUitklapDivToggleButton);
  ) {
+
 
      toggleUitklapDiv(i);
+
// EIND Dynamisch inklapbare div
  }
+
// ============================================================
 
}
 
 
addOnloadHook( createUitklapDivToggleButton );
 
 
// EIND Dynamisch inklapbare div
 
// ============================================================
 

Huidige versie van 2 feb 2019 om 19:46

/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */
// ============================================================

	// ============================================================
	// BEGIN Dynamisch inklapbare div

	// set up the words in your language
	var UitklapDivHide = 'Inklappen';
	var UitklapDivShow = 'Uitklappen';

	// shows and hides content of Uitklap divs
	// Parameters:
	// indexUitklapDiv: the index of Uitklap div to be toggled
	var toggleUitklapDiv = window.toggleUitklapDiv = function(indexUitklapDiv) {
		var UitklapToggle = document.getElementById('UitklapToggle' + indexUitklapDiv);
		var UitklapFrame = document.getElementById('UitklapFrame' + indexUitklapDiv);
		var UitklapChild;

		if (!UitklapFrame || !UitklapToggle) {
			return false;
		}

		// if shown now
		if (UitklapToggle.firstChild.data === UitklapDivHide) {
			for (
				UitklapChild = UitklapFrame.firstChild;
				UitklapChild !== null;
				UitklapChild = UitklapChild.nextSibling
			) {
				if (UitklapChild.className === 'UitklapContent') {
					UitklapChild.style.display = 'none';
				}
				if (UitklapChild.className === 'UitklapToggle') {
					UitklapChild.firstChild.data = UitklapDivShow;
				}
			}

		// if hidden now
		} else if (UitklapToggle.firstChild.data === UitklapDivShow) {
			for (
				UitklapChild = UitklapFrame.firstChild;
				UitklapChild !== null;
				UitklapChild = UitklapChild.nextSibling
			) {
				if (UitklapChild.className === 'UitklapContent') {
					UitklapChild.style.display = 'block';
				}
				if (UitklapChild.className === 'UitklapToggle') {
					UitklapChild.firstChild.data = UitklapDivHide;
				}
			}
		}
	};

	// adds show/hide-button to navigation bars
	function createUitklapDivToggleButton() {
		var indexUitklapDiv = 0;
		var i, u, UitklapFrame;
		// iterate over all < div >-elements
		for (i = 0; (UitklapFrame = document.getElementsByTagName('div')[i]); i++) {
			// if found a navigation bar
			if (UitklapFrame.className === 'UitklapFrame' || UitklapFrame.className === 'UitklapFrameNoClear') {

				indexUitklapDiv++;
				var UitklapToggle = document.createElement('a');
				UitklapToggle.className = 'UitklapToggle';
				UitklapToggle.setAttribute('id', 'UitklapToggle' + indexUitklapDiv);
				$(UitklapToggle).data('mwUitklapFrameIndex', indexUitklapDiv).click(function (e) {
					toggleUitklapDiv($(this).data('mwUitklapFrameIndex'));
					e.preventDefault();
				});

				var UitklapToggleText = document.createTextNode(UitklapDivHide);
				UitklapToggle.appendChild(UitklapToggleText);

				// add NavToggle-Button as first div-element
				// in < div class="UitklapFrame" >
				UitklapFrame.insertBefore(UitklapToggle, UitklapFrame.firstChild);
				UitklapFrame.setAttribute('id', 'UitklapFrame' + indexUitklapDiv);
			}
		}
		for (u = 1; u <= indexUitklapDiv; u++) {
			toggleUitklapDiv(u);
		}
	}

	$(createUitklapDivToggleButton);

	// EIND Dynamisch inklapbare div
	// ============================================================