Difference between revisions of "MediaWiki:Common.js"

From The Official Visionaire Studio: Adventure Game Engine Wiki
Line 28: Line 28:
  
 
/* end lightswitch.js */
 
/* end lightswitch.js */
 
 
/* begin ftoc.js */
 
 
/* ftoc (custom made dynamic table of content) - Lee */
 
$('.ftoc_content').slimScroll({
 
  color: '#5bc0de',
 
  height: '390',
 
  railVisible: true,
 
  railOpacity: 0.2,
 
  allowPageScroll: false,
 
  alwaysVisible: true,
 
  disableFadeOut: true
 
});
 
 
$(".ftoc").hover(function() {
 
$(".ftoc").stop().animate({left:'0px'}, 250, function() {
 
$(".ftoc_content").stop().animate({left:'5px'}, 500);
 
  });
 
}, function() {
 
$(".ftoc").stop().animate({left:'-250px'}, 250);
 
$(".ftoc_content").stop().animate({left:'-500px'}, 250);
 
});
 
 
/* end ftoc.js */
 
 
 
 
 
/* begin slimscroll.js */
 
 
/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
 
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 
*
 
* Version: 1.3.0
 
*
 
*/
 
(function(f){jQuery.fn.extend({slimScroll:function(h){var a=f.extend({width:"auto",height:"250px",size:"7px",color:"#000",position:"right",distance:"1px",start:"top",opacity:0.4,alwaysVisible:!1,disableFadeOut:!1,railVisible:!1,railColor:"#333",railOpacity:0.2,railDraggable:!0,railClass:"slimScrollRail",barClass:"slimScrollBar",wrapperClass:"slimScrollDiv",allowPageScroll:!1,wheelStep:20,touchScrollStep:200,borderRadius:"7px",railBorderRadius:"7px"},h);this.each(function(){function r(d){if(s){d=d||
 
window.event;var c=0;d.wheelDelta&&(c=-d.wheelDelta/120);d.detail&&(c=d.detail/3);f(d.target||d.srcTarget||d.srcElement).closest("."+a.wrapperClass).is(b.parent())&&m(c,!0);d.preventDefault&&!k&&d.preventDefault();k||(d.returnValue=!1)}}function m(d,f,h){k=!1;var e=d,g=b.outerHeight()-c.outerHeight();f&&(e=parseInt(c.css("top"))+d*parseInt(a.wheelStep)/100*c.outerHeight(),e=Math.min(Math.max(e,0),g),e=0<d?Math.ceil(e):Math.floor(e),c.css({top:e+"px"}));l=parseInt(c.css("top"))/(b.outerHeight()-c.outerHeight());
 
e=l*(b[0].scrollHeight-b.outerHeight());h&&(e=d,d=e/b[0].scrollHeight*b.outerHeight(),d=Math.min(Math.max(d,0),g),c.css({top:d+"px"}));b.scrollTop(e);b.trigger("slimscrolling",~~e);v();p()}function C(){window.addEventListener?(this.addEventListener("DOMMouseScroll",r,!1),this.addEventListener("mousewheel",r,!1),this.addEventListener("MozMousePixelScroll",r,!1)):document.attachEvent("onmousewheel",r)}function w(){u=Math.max(b.outerHeight()/b[0].scrollHeight*b.outerHeight(),D);c.css({height:u+"px"});
 
var a=u==b.outerHeight()?"none":"block";c.css({display:a})}function v(){w();clearTimeout(A);l==~~l?(k=a.allowPageScroll,B!=l&&b.trigger("slimscroll",0==~~l?"top":"bottom")):k=!1;B=l;u>=b.outerHeight()?k=!0:(c.stop(!0,!0).fadeIn("fast"),a.railVisible&&g.stop(!0,!0).fadeIn("fast"))}function p(){a.alwaysVisible||(A=setTimeout(function(){a.disableFadeOut&&s||(x||y)||(c.fadeOut("slow"),g.fadeOut("slow"))},1E3))}var s,x,y,A,z,u,l,B,D=30,k=!1,b=f(this);if(b.parent().hasClass(a.wrapperClass)){var n=b.scrollTop(),
 
c=b.parent().find("."+a.barClass),g=b.parent().find("."+a.railClass);w();if(f.isPlainObject(h)){if("height"in h&&"auto"==h.height){b.parent().css("height","auto");b.css("height","auto");var q=b.parent().parent().height();b.parent().css("height",q);b.css("height",q)}if("scrollTo"in h)n=parseInt(a.scrollTo);else if("scrollBy"in h)n+=parseInt(a.scrollBy);else if("destroy"in h){c.remove();g.remove();b.unwrap();return}m(n,!1,!0)}}else{a.height="auto"==a.height?b.parent().height():a.height;n=f("<div></div>").addClass(a.wrapperClass).css({position:"relative",
 
overflow:"hidden",width:a.width,height:a.height});b.css({overflow:"hidden",width:a.width,height:a.height});var g=f("<div></div>").addClass(a.railClass).css({width:a.size,height:"100%",position:"absolute",top:0,display:a.alwaysVisible&&a.railVisible?"block":"none","border-radius":a.railBorderRadius,background:a.railColor,opacity:a.railOpacity,zIndex:90}),c=f("<div></div>").addClass(a.barClass).css({background:a.color,width:a.size,position:"absolute",top:0,opacity:a.opacity,display:a.alwaysVisible?
 
"block":"none","border-radius":a.borderRadius,BorderRadius:a.borderRadius,MozBorderRadius:a.borderRadius,WebkitBorderRadius:a.borderRadius,zIndex:99}),q="right"==a.position?{right:a.distance}:{left:a.distance};g.css(q);c.css(q);b.wrap(n);b.parent().append(c);b.parent().append(g);a.railDraggable&&c.bind("mousedown",function(a){var b=f(document);y=!0;t=parseFloat(c.css("top"));pageY=a.pageY;b.bind("mousemove.slimscroll",function(a){currTop=t+a.pageY-pageY;c.css("top",currTop);m(0,c.position().top,!1)});
 
b.bind("mouseup.slimscroll",function(a){y=!1;p();b.unbind(".slimscroll")});return!1}).bind("selectstart.slimscroll",function(a){a.stopPropagation();a.preventDefault();return!1});g.hover(function(){v()},function(){p()});c.hover(function(){x=!0},function(){x=!1});b.hover(function(){s=!0;v();p()},function(){s=!1;p()});b.bind("touchstart",function(a,b){a.originalEvent.touches.length&&(z=a.originalEvent.touches[0].pageY)});b.bind("touchmove",function(b){k||b.originalEvent.preventDefault();b.originalEvent.touches.length&&
 
(m((z-b.originalEvent.touches[0].pageY)/a.touchScrollStep,!0),z=b.originalEvent.touches[0].pageY)});w();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),m(0,!0)):"top"!==a.start&&(m(f(a.start).position().top,null,!0),a.alwaysVisible||c.hide());C()}});return this}});jQuery.fn.extend({slimscroll:jQuery.fn.slimScroll})})(jQuery);
 
 
/*end slimscroll.js */
 
  
 
/* I think I added this ages ago for creating a "back to top button" - not valid with Chamleon template. (throws some error & doesn't display)
 
/* I think I added this ages ago for creating a "back to top button" - not valid with Chamleon template. (throws some error & doesn't display)

Revision as of 14:25, 7 November 2014

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

/* import script is not always loading scripts fast enough, thus causing certain things not to work (random) - Lee */

/*importScript( 'MediaWiki:Common.js/slimscroll.js' );*/
/*importScript( 'MediaWiki:Common.js/ftoc.js' );*/
/*importScript( 'MediaWiki:Common.js/jquery-cookie.js' );*/
/*importScript( 'MediaWiki:Common.js/lightswitch.js' );*/


/* begin lightswitch.js (code used to dynamically swap between light & dark themes - Lee) */
       
	$("#switchLight").click(function() { 
            $("#switchLight").hide();
            $("#switchDark").show();
            $(".switchTheme").attr("href",$(this).attr('rel'));
	    $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
	    return false;
	});
 
	$("#switchDark").click(function() { 
            $("#switchDark").hide();
            $("#switchLight").show();
            $(".switchTheme").attr("href",$(this).attr('rel'));
	    $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
	    return false;
         });

/* end lightswitch.js */

/* I think I added this ages ago for creating a "back to top button" - not valid with Chamleon template. (throws some error & doesn't display)
addOnloadHook(function() {
        var elems = document.getElementsByClassName('editsection');
        for (i = 0; i < elems.length; i++) {
                var span = document.createElement('span');
                var link = document.createElement('a');
                link.href = '#top';
                link.appendChild(document.createTextNode('▲'));
                span.appendChild(document.createTextNode('['));
                span.appendChild(link);
                span.appendChild(document.createTextNode('] '));
                elems[i].insertBefore(span, elems[i].firstChild);
        }
});
*/

/* begin jquery-cookie.js */

/* Any JavaScript here will be loaded for all users on every page load. */
/*!
 * jQuery Cookie Plugin v1.4.1
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2013 Klaus Hartl
 * Released under the MIT license
 */
(function (factory) {
	if (typeof define === 'function' && define.amd) {
		// AMD
		define(['jquery'], factory);
	} else if (typeof exports === 'object') {
		// CommonJS
		factory(require('jquery'));
	} else {
		// Browser globals
		factory(jQuery);
	}
}(function ($) {
 
	var pluses = /\+/g;
 
	function encode(s) {
		return config.raw ? s : encodeURIComponent(s);
	}
 
	function decode(s) {
		return config.raw ? s : decodeURIComponent(s);
	}
 
	function stringifyCookieValue(value) {
		return encode(config.json ? JSON.stringify(value) : String(value));
	}
 
	function parseCookieValue(s) {
		if (s.indexOf('"') === 0) {
			// This is a quoted cookie as according to RFC2068, unescape...
			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
		}
 
		try {
			// Replace server-side written pluses with spaces.
			// If we can't decode the cookie, ignore it, it's unusable.
			// If we can't parse the cookie, ignore it, it's unusable.
			s = decodeURIComponent(s.replace(pluses, ' '));
			return config.json ? JSON.parse(s) : s;
		} catch(e) {}
	}
 
	function read(s, converter) {
		var value = config.raw ? s : parseCookieValue(s);
		return $.isFunction(converter) ? converter(value) : value;
	}
 
	var config = $.cookie = function (key, value, options) {
 
		// Write
 
		if (value !== undefined && !$.isFunction(value)) {
			options = $.extend({}, config.defaults, options);
 
			if (typeof options.expires === 'number') {
				var days = options.expires, t = options.expires = new Date();
				t.setTime(+t + days * 864e+5);
			}
 
			return (document.cookie = [
				encode(key), '=', stringifyCookieValue(value),
				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
				options.path    ? '; path=' + options.path : '',
				options.domain  ? '; domain=' + options.domain : '',
				options.secure  ? '; secure' : ''
			].join(''));
		}
 
		// Read
 
		var result = key ? undefined : {};
 
		// To prevent the for loop in the first place assign an empty array
		// in case there are no cookies at all. Also prevents odd result when
		// calling $.cookie().
		var cookies = document.cookie ? document.cookie.split('; ') : [];
 
		for (var i = 0, l = cookies.length; i < l; i++) {
			var parts = cookies[i].split('=');
			var name = decode(parts.shift());
			var cookie = parts.join('=');
 
			if (key && key === name) {
				// If second argument (value) is a function it's a converter...
				result = read(cookie, value);
				break;
			}
 
			// Prevent storing a cookie that we couldn't decode.
			if (!key && (cookie = read(cookie)) !== undefined) {
				result[name] = cookie;
			}
		}
 
		return result;
	};
 
	config.defaults = {};
 
	$.removeCookie = function (key, options) {
		if ($.cookie(key) === undefined) {
			return false;
		}
 
		// Must not alter options, thus extending a fresh object...
		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
		return !$.cookie(key);
	};
 
}));

/* end jquery-cookie.js */