Benutzer:Curilias/monobook.js: Unterschied zwischen den Versionen

Aus MIDGARD-Wiki
Zur Navigation springen Zur Suche springen
K
K
Zeile 1: Zeile 1:
var HideInfobox = '[–]';
var HideContent = '[–]';
var ShowInfobox = '[+]';
var ShowContent = '[+]';


function toggleInfobox2(indexInfobox) {
function toggleContent(indexContainer) {
var InfoboxContent = document.getElementById("Infobox2" + indexInfobox);
var taContent = document.getElementById("taContent" + indexContainer);
var ToggleInfobox = document.getElementById("ToggleInfobox2" + indexInfobox);
var toggleContentLink = document.getElementById("toggleContentLink" + indexContainer);


if (!InfoboxContent || !ToggleInfobox) { return false; }
if (!taContent || !toggleContentLink ) { return false; }


if (ToggleInfobox.firstChild.data == HideInfobox) {
if (toggleContentLink.firstChild.data == HideContent) {
InfoboxContent.style.display = 'none';
taContent.style.display = 'none';
} else if (ToggleInfobox.firstChild.data == ShowInfobox) {
} else if (toggleContentLink.firstChild.data == ShowContent) {
InfoboxContent.style.display = 'block';
taContent.style.display = 'block';
}
}


if (ToggleInfobox.firstChild.data == HideInfobox) {
if (toggleContentLink.firstChild.data == HideContent) {
ToggleInfobox.firstChild.data = ShowInfobox;
toggleContentLink.firstChild.data = ShowContent;
} else {
} else {
ToggleInfobox.firstChild.data = HideInfobox;
toggleContentLink.firstChild.data = HideContent;
}
}
}
}
   
   
function addToggleInfoboxButton2() {
function addToggleContentLink() {
var indexInfobox = 0;
var indexContainer = 0;
for (var i = 0; InfoboxContainer = document.getElementsByTagName("div")[i]; i++) {
for (var i = 0; taContainer = document.getElementsByTagName("div")[i]; i++) {
if (InfoboxContainer.className == "ib_container2") {
if (taContainer.className == "ta_container") {
indexInfobox++;
indexContainer++;


// create linkt to toggle visibility
// create linkt to toggle visibility
var ToggleInfobox = document.createElement("a");
var toggleContentLink = document.createElement("a");
ToggleInfobox.className = 'ib_toggle2';
toggleContentLink.className = 'ta_toggle';
ToggleInfobox.setAttribute('title', 'Ein-/Ausklappen');
toggleContentLink.setAttribute('title', 'Ein-/Ausklappen');
ToggleInfobox.setAttribute('id', 'ToggleInfobox2' + indexInfobox );
toggleContentLink.setAttribute('id', 'toggleContentLink' + indexContainer);
ToggleInfobox.setAttribute('href', 'javascript:toggleInfobox2(' + indexInfobox + ');');
ToggleInfobox.setAttribute('href', 'javascript:toggleContent(' + indexContainer + ');');
var ToggleCaption = document.createTextNode(HideInfobox);
var toggleCaption = document.createTextNode(HideContent);
ToggleInfobox.appendChild(ToggleCaption);
toggleContentLink.appendChild(toggleCaption);


InfoboxContainer.insertBefore(ToggleInfobox, InfoboxContainer.firstChild);
taContainer.insertBefore(toggleContentLink, taContainer.firstChild);


for (var j=0; InfoboxContent = InfoboxContainer.getElementsByTagName("div")[j]; j++) {
for (var j=0; taContent = taContainer.getElementsByTagName("div")[j]; j++) {
if (InfoboxContent.className == "ib_content2") {
if (taContent.className == "ta_content") {
InfoboxContent.setAttribute('id', 'Infobox2' + indexInfobox);
taContent.setAttribute('id', 'taContent' + indexContainer);
}
}
if (InfoboxContent.className == "ib_content_default_hidden2") {
if (taContent.className == "ta_content_default_hidden") {
InfoboxContent.setAttribute('id', 'Infobox2' + indexInfobox);
taContent.setAttribute('id', 'taContent' + indexContainer);
InfoboxContent.style.display = 'none';
taContent.style.display = 'none';
ToggleInfobox.firstChild.data = ShowInfobox;
toggleContentLink.firstChild.data = ShowContent;
}
}
}
}
Zeile 52: Zeile 52:
}
}
   
   
addOnloadHook(addToggleInfoboxButton2);
addOnloadHook(addToggleContentLink);

Version vom 23. Juli 2008, 18:31 Uhr

var HideContent = '[–]';
var ShowContent = '[+]';

function toggleContent(indexContainer) {
	var taContent = document.getElementById("taContent" + indexContainer);
	var toggleContentLink = document.getElementById("toggleContentLink" + indexContainer);

	if (!taContent || !toggleContentLink ) { return false; }

	if (toggleContentLink.firstChild.data == HideContent) {
		taContent.style.display = 'none';
	} else if (toggleContentLink.firstChild.data == ShowContent) {
		taContent.style.display = 'block';
	}

	if (toggleContentLink.firstChild.data == HideContent) {
		toggleContentLink.firstChild.data = ShowContent;
	} else {
		toggleContentLink.firstChild.data = HideContent;
	}
}
 
function addToggleContentLink() {
	var indexContainer = 0;
	for (var i = 0; taContainer = document.getElementsByTagName("div")[i]; i++) {
		if (taContainer.className == "ta_container") {
			indexContainer++;

			// create linkt to toggle visibility
			var toggleContentLink = document.createElement("a");
			toggleContentLink.className = 'ta_toggle';
			toggleContentLink.setAttribute('title', 'Ein-/Ausklappen');
			toggleContentLink.setAttribute('id', 'toggleContentLink' + indexContainer);
			ToggleInfobox.setAttribute('href', 'javascript:toggleContent(' + indexContainer + ');');
			var toggleCaption = document.createTextNode(HideContent);
			toggleContentLink.appendChild(toggleCaption);

			taContainer.insertBefore(toggleContentLink, taContainer.firstChild);

			for (var j=0; taContent = taContainer.getElementsByTagName("div")[j]; j++) {
				if (taContent.className == "ta_content") {
					taContent.setAttribute('id', 'taContent' + indexContainer);
				}
				if (taContent.className == "ta_content_default_hidden") {
					taContent.setAttribute('id', 'taContent' + indexContainer);
					taContent.style.display = 'none';
					toggleContentLink.firstChild.data = ShowContent;
				}
			}
		}
	}
}
 
addOnloadHook(addToggleContentLink);