0byt3m1n1

Path: /data/applications/aps/b2evolution/4.1.5b-1/standard/htdocs/rsc/js/ [ Home ]
File: styleswitcher.js
/**
 * This file is public domain.
 * Source: http://www.alistapart.com/articles/alternate/
 * Changes:
 *  2006-10-17, http://daniel.hahler.de/:
 *  - fix/optimization regarding disabling of chosen stylesheet(-set)
 *  - only use selected style from cookie, if available
 *  - Transformed into prototyped object (encapsulation)
 *  - setActiveStyleSheet(): do not disable all stylesheets in case there's
 *    an invalid one provided as param (e.g. from obsolete cookie);
 *    This would disable all styles..!
 *  - Use addEvent() and do not overwrite window.on(un)load
 */

function StyleSwitcher()
{
	/**
	 * Cross browser event handling for IE5+, NS6+ an Mozilla/Gecko
	 * NOTE: taken/copied here from /rsc/js/functions.js
	 * @author Scott Andrew
	 */
	var addEvent = function( elm, evType, fn, useCapture )
	{
		if( elm.addEventListener )
		{ // Standard & Mozilla way:
			elm.addEventListener( evType, fn, useCapture );
			return true;
		}
		else if( elm.attachEvent )
		{ // IE way:
			var r = elm.attachEvent( 'on'+evType, fn );
			return r;
		}
		else
		{ // "dirty" way (IE Mac for example):
			// Will overwrite any previous handler! :((
			elm['on'+evType] = fn;
			return false;
		}
	};

	var oThis = this;

	this.onload = function(e)
	{
		var cookie = oThis.readCookie("evo_style");
		var title = cookie ? cookie : oThis.getPreferredStyleSheet();
		oThis.setActiveStyleSheet(title);
	};

	addEvent( window, 'load', this.onload, false );

	this.onload(); // do it now already, so there's no "skin changing" after load on "larger" pages
};


StyleSwitcher.prototype.setActiveStyleSheet = function (title)
{
	var i, a;

	var valid = false;

	// test if it's a valid one:
	for(var i=0; (a = document.getElementsByTagName("link")[i]); i++)
	{
		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title"))
		{
			if(a.getAttribute("title") == title)
			{
				valid = true;
				break;
			}
		}
	}

	if( ! valid )
		return false;

	// IE6 and IE7 need to disable all stylesheets first and then re-enable it..
	// ..at least when we call the onload event directly, too.
	// There is a bug with Konqueror (http://bugs.kde.org/135849) but it does not seem to apply here anymore?!
	for(i=0; (a = document.getElementsByTagName("link")[i]); i++)
	{
		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title"))
		{
			a.disabled = true;
			if(a.getAttribute("title") == title)
			{
				a.disabled = false;
			}
		}
	}

	this.createCookie("evo_style", title, 365);

	return true;
};

StyleSwitcher.prototype.getActiveStyleSheet = function()
{
	var i, a;
	for(i=0; (a = document.getElementsByTagName("link")[i]); i++)
	{
		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled)
		{
			return a.getAttribute("title");
		}
	}
	return null;
};

StyleSwitcher.prototype.getPreferredStyleSheet = function()
{
	var i, a;
	for(i=0; (a = document.getElementsByTagName("link")[i]); i++)
	{
		if(a.getAttribute("rel").indexOf("style") != -1
			&& a.getAttribute("rel").indexOf("alt") == -1
			&& a.getAttribute("title") )
		{
			return a.getAttribute("title");
		}
	}
	return null;
};

StyleSwitcher.prototype.createCookie = function(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
};

StyleSwitcher.prototype.readCookie = function(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ')
		{
			c = c.substring(1,c.length);
		}
		if (c.indexOf(nameEQ) == 0)
		{
			return c.substring(nameEQ.length,c.length);
		}
	}

	return null;
};


var StyleSwitcher = new StyleSwitcher();