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

Version vom 24. Juli 2008, 10:56 Uhr

//================================================================================
// BEGINN: Einklappbare Blockelemente (<div>) von Curilias
// Version 0.9 - 2008-07-24

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

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

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

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

	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);
			toggleContentLink.setAttribute('href', 'javascript:toggleContent(' + indexContainer + ');');
			toggleContentLink.setAttribute('style', 'float:right;font-size:x-small;margin:2px;');
			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;
				}
				if (taContent.className == 'ta_content_alternativ') {
					taContent.setAttribute('id', 'taContent_alternativ' + indexContainer);
					taContent.style.display = 'block';
				}
			}
		}
	}
}
 
addOnloadHook(addToggleContentLink);

// ENDE: Einklappbare Blockelemente (<div>) von Curilias
//================================================================================