Najzere: defining the hasClass function

2010-07-31T20:47:26Z

defining the hasClass function

Najzere: Undo revision 5895 by Najzere (Talk): it works

2010-07-31T20:29:58Z

Undo revision 5895 by Najzere (Talk): it works

Najzere: testing script import

2010-07-31T20:28:51Z

testing script import

Najzere: collapsible div script copied from http://en.wikipedia.org/wiki/MediaWiki:Common.js

2010-07-31T16:53:50Z

collapsible div script copied from http://en.wikipedia.org/wiki/MediaWiki:Common.js

New page

/* Any JavaScript here will be loaded for all users on every page load. */

/** Dynamic Navigation Bars (experimental) *************************************
*
* Copied from CC-BY-SA document: http://en.wikipedia.org/wiki/MediaWiki:Common.js
*/

// set up the words in your language
var NavigationBarHide = '[hide]';
var NavigationBarShow = '[show]';

// 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, 'NavContent') || hasClass(NavChild, 'NavPic')) {
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, 'NavContent') || hasClass(NavChild, 'NavPic')) {
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 isCollapsed = hasClass( NavFrame, "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"
* to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make
* the content visible without JavaScript support), the new recommended way is to add the class
* "collapsed" to the NavFrame itself, just like with collapsible tables.
*/
for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
if ( NavChild.style.display == 'none' ) {
isCollapsed = true;
}
}
}
if (isCollapsed) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
NavChild.style.display = 'none';
}
}
}
var 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(var j=0; j < NavFrame.childNodes.length; j++) {
if (hasClass(NavFrame.childNodes[j], "NavHead")) {
NavFrame.childNodes[j].appendChild(NavToggle);
}
}
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
}
}
}

addOnloadHook( createNavigationBarToggleButton );

← Older revision		Revision as of 20:47, 31 July 2010
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
		+
		+	/*
		+	* Defining commonly used functions
		+	*/
		+
		+	function hasClass(E, cName) {
		+	if (E.className.search(cName) >= 0) {
		+	return true;
		+	} else {
		+	return false;
		+	};
		+	}

	/ Dynamic Navigation Bars (experimental) ***********************************		/ Dynamic Navigation Bars (experimental) ***********************************

← Older revision		Revision as of 20:29, 31 July 2010
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
−
−	~~if (wgPageName == 'Template:Collapse') {~~
−	~~alert('test');~~
−	}

	/ Dynamic Navigation Bars (experimental) ***********************************		/ Dynamic Navigation Bars (experimental) ***********************************

← Older revision		Revision as of 20:28, 31 July 2010
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
		+
		+	if (wgPageName == 'Template:Collapse') {
		+	alert('test');
		+	}

	/ Dynamic Navigation Bars (experimental) ***********************************		/ Dynamic Navigation Bars (experimental) ***********************************

MediaWiki:Common.js - Revision history

Najzere: defining the hasClass function

Najzere: Undo revision 5895 by Najzere (Talk): it works

Najzere: testing script import

Najzere: collapsible div script copied from http://en.wikipedia.org/wiki/MediaWiki:Common.js