MediaWiki:Common.js

From Warzone Wiki
(Difference between revisions)
Jump to: navigation, search
m
m
Line 7: Line 7:
 
toggleHeader = function(index) {
 
toggleHeader = function(index) {
 
$('#navbox-' + index + ' #navbox-content-' + index).toggle(0, function(){
 
$('#navbox-' + index + ' #navbox-content-' + index).toggle(0, function(){
if ($('#navbox-' + index + ' #navbox-content-' + index).is(':hidden')) {
 
$('#navbox-' + index + ' #navbox-header-' + index).css({'border-bottom': 'none', 'border-bottom-left-radius': '5px', 'border-bottom-right-radius': '5px'});
 
}
 
else {
 
$('#navbox-' + index + ' #navbox-header-' + index).css({'border-bottom': '1px solid black', 'border-bottom-left-radius': '0px', 'border-bottom-right-radius': '0px'});
 
}
 
 
});
 
});
 
var text = $('#toggle-' + index).text();
 
var text = $('#toggle-' + index).text();
Line 44: Line 38:
  
 
$('.navbox-header span').click(function(){
 
$('.navbox-header span').click(function(){
console.log('toggle the navbox');
+
var toggle = $(this).parent().find("a");
 +
if (toggle == showButton) {
 +
$(this).parent().parent().find(".navbox-content").removeClass("navbox-content-hidden").slideDown();
 +
} else {
 +
$(this).parent().parent().find(".navbox-content").addClass("navbox-content-hidden").slideUp();
 +
}
 
});
 
});
 
});
 
});

Revision as of 16:08, 31 August 2013

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

jQuery(document).ready(function($){
	/* for collapsible navboxes */
	var showButton = 'show';
	var hideButton = 'hide';
	toggleHeader = function(index) {
		$('#navbox-' + index + ' #navbox-content-' + index).toggle(0, function(){
		});
		var text = $('#toggle-' + index).text();
		if (text == hideButton) {
			$('#toggle-' + index).text(showButton);
			var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true);
			$('#navbox-header-' + index + ' span').css({'margin-left': offset});
		}
		else {
			$('#toggle-' + index).text(hideButton);
			var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true);
			$('#navbox-header-' + index + ' span').css({'margin-left': offset});
		}
	};
		$('.navbox').each(function(index){
			$(this).attr('id', 'navbox-' + index);
		});
		
		$('.navbox-header').each(function(index){
			$(this).attr('id', 'navbox-header-' + index).append('<div class="navbox-toggle">[<a id="toggle-' + index + '" href="javascript:toggleHeader(' + index + ')">' + hideButton + '</a>]</div>');
		});
		
		$('.navbox-content').each(function(index){
			$(this).attr('id', 'navbox-content-' + index);
		});
		
		$('.navbox-header span').each(function(index){
			var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true);
			$(this).css({'margin-left': offset});
		});

		$('.navbox-header span').click(function(){
			var toggle = $(this).parent().find("a");
			if (toggle == showButton) {
				$(this).parent().parent().find(".navbox-content").removeClass("navbox-content-hidden").slideDown();
			} else {
				$(this).parent().parent().find(".navbox-content").addClass("navbox-content-hidden").slideUp();
			}
		});
});
Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox