ShowHide/Code.js

/*<source lang="javascript">*/ /*

* Copyright © 2009, Daniel Friesen
* All rights reserved.
* 
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*     * Redistributions of source code must retain the above copyright
*       notice, this list of conditions and the following disclaimer.
*     * Redistributions in binary form must reproduce the above copyright
*       notice, this list of conditions and the following disclaimer in the
*       documentation and/or other materials provided with the distribution.
*     * Neither the name of the script nor the
*       names of its contributors may be used to endorse or promote products
*       derived from this software without specific prior written permission.
* 
* THIS SOFTWARE IS PROVIDED BY DANIEL FRIESEN AS IS AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL DANIEL FRIESEN BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

(function($) {

// CONFIG var config = window.ShowHideConfig = $.extend(true, { autoCollapse: 2, userLang: true, brackets: '[]', linkBefore: false, // German de: { show: "anzeigen", hide: "verbergen", showAll: "alle anzeigen", hideAll: "alle verbergen" }, // English en: { show: "show", hide: "hide", showAll: "show all", hideAll: "hide all" }, // Spanish es: { show: "Mostrar", hide: "Ocultar", showAll: "Mostrar todo", hideAll: "Ocultar todo" }, // French fr: { show: "montrer", hide: "cacher", showAll: "montrer tous", hideAll: "cacher tous" }, // Dutch nl: { show: "tonen", hide: "verbergen", showAll: "alles tonen", hideAll: "alles verbergen" }, // Polish pl: { show: "Poka?", hide: "Ukryj", showAll: "Poka? wszystko", hideAll: "Ukryj wszystko" }, // Russian ru: { show: "???????", hide: "??????", showAll: "??????? ???", hideAll: "?????? ???" } // Make a post on the talkpage if you have i18n updates }, window.ShowHideConfig || {});

// i18n function function msg(name) { if ( config.userLang && wgUserLanguage in config && name in config[wgUserLanguage] ) { return config[wgUserLanguage][name]; } if ( wgContentLanguage in config && name in config[wgContentLanguage] ) { return config[wgContentLanguage][name]; } return config.en[name]; }

// common $.fn.onLink = function(fn) { return this.bind('click keypress', function(e) { if ( e.type === 'click' || ( e.type === 'keypress' && ( e.keyCode === 13 || e.charCode === 32 ) ) ) { fn.call(this, e); } }); };

/** Collapsible tables using jQuery * * Description: Allows tables to be collapsed, showing only the header. */ function collapseTable( node, state ) { var $table = $(node); var $button = $table.find("tr:first > th:first .collapseLink");

if (!$table.length || !$button.length) { return false; }

if ( typeof state === 'boolean' ) { $table.toggleClass('collapsed', !state); } else { $table.toggleClass('collapsed'); } var hidden = $table.hasClass('collapsed'); $table.find('> * > tr:not(:first):not(.nocollapse)')[hidden?"hide":"show"](); $button.text( msg( hidden ? "show" : "hide" ) ); return true; }

function createCollapseButtons() { var NavigationBoxes = []; $("table.collapsible").each(function() { NavigationBoxes.push(this); var $buttonLink = $('<span tabIndex=0 class=collapseLink />').text( msg("hide") ).css({ cursor: "pointer" }).onLink(function(e) { collapseTable( $(this).closest('table') ); }); var $button = $("<span class=collapseButton />").css({ "float": "right", textAlign: "right", fontWeight: "normal", width: "6em", marginLeft: "-100%" }); $button.append( document.createTextNode(config.brackets.substr(0, config.brackets.length/2)), $buttonLink, config.brackets.substr(config.brackets.length/2) );

var $header = $(this).find('tr:first > th:first').prepend($button); });

// if more Navigation Bars found than Default: hide all if ($(NavigationBoxes).filter('.autocollapse').length >= config.autoCollapse) { $(NavigationBoxes).filter('.autocollapse').each(function() { collapseTable( this, false ); }); } else { $(NavigationBoxes).filter('.collapsed').each(function() { collapseTable( this, false ); }); } }

$( createCollapseButtons );

/*</pre>*/

/*

*/

	/** Dynamic Navigation Bars with jQuery
	 *
	 *  Base Description: See Wikipedia:Wikipedia:NavFrame.
	 */

	// shows and hides content and picture (if available) of navigation bars
	function toggleNavigationBar( node ) {
		var $navFrame = $(node);
		var $navToggle = $navFrame.find(".NavHead:first .collapseLink");
	
		if (!$navFrame.length || !$navToggle.length) {
			return false;
		}
	
		$navFrame.toggleClass('NavVisible');
		$navFrame.find('.NavPic, .NavContent').not($navFrame.find('.NavFrame .NavPic, .NavFrame .NavContent')).slideToggle();
		$navToggle.text( msg( $navFrame.hasClass('NavVisible') ? "hide" : "show" ) );
		return true;
	}

	// adds show/hide-button to navigation bars
	function createNavigationBarToggleButton() {
		var NavFrames = $('.NavFrame').addClass('NavVisible').each(function() {
			var $navHead = $(this).find('.NavHead:first');
			$navHead.filter('legend').append(' - ');
			var $buttonLink = $('<span tabIndex=0 class=collapseLink />').text( msg("hide") ).onLink(function(e) { toggleNavigationBar( $(this).closest('.NavFrame') ); });
			var $button = $('<span class="NavToggle collapseButton" />');
			if ( config.brackets ) {
				$button.append( document.createTextNode(config.brackets.substr(0, config.brackets.length/2)), $buttonLink, config.brackets.substr(config.brackets.length/2) );
			}
			else {
				$button.append( $buttonLink );
			}
			$navHead[config.linkBefore?"prepend":"append"]($button);
		});
		// if more Navigation Bars found than Default: hide all
		if (NavFrames.length >= config.autoCollapse) {
			NavFrames.not('.noautocollapse').each(function() { toggleNavigationBar(this); });
		}
		else {
			NavFrames.filter('.collapsed').each(function() { toggleNavigationBar(this); });
		}
		return true;
	}

	$( createNavigationBarToggleButton );

	$(function() {
		$('.NavGlobal').each(function() {
			$('<span class=NavGlobalShow />').append(
				document.createTextNode('['),
				$('<span tabIndex=0 class=collapseLink />').text( msg("showAll") ).onLink(function(e) {
					$('.NavFrame').each(function() { if ( !$(this).hasClass('NavVisible') ) toggleNavigationBar(this); });
				}),
				']'
			).appendTo(this);
			$(this).append(' ');
			$('<span class=NavGlobalHide />').append(
				document.createTextNode('['),
				$('<span tabIndex=0 class=collapseLink />').text( msg("hideAll") ).onLink(function(e) {
					$('.NavFrame').each(function() { if ( $(this).hasClass('NavVisible') ) toggleNavigationBar(this); });
				}),
				']'
			).appendTo(this);
		});
	});
	
})(jQuery);
/*</source>*/