From 8c739725272d09c006429fad9b0e092dc9cdf83f Mon Sep 17 00:00:00 2001
From: inga-lovinde <52715130+inga-lovinde@users.noreply.github.com>
Date: Thu, 16 Sep 2010 16:23:47 +0000
Subject: [PATCH] Skin change experience improved

---
 templates/Full/Settings.xslt   | 19 +++++++++++++++++++
 templates/Full/elems/Main.xslt |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)
diff --git a/templates/Full/Settings.xslt b/templates/Full/Settings.xslt
index 71fdb85..9740ead 100644
--- a/templates/Full/Settings.xslt
+++ b/templates/Full/Settings.xslt
@@ -3,6 +3,24 @@
 	<xsl:import href="elems\Main.xslt"/>
 	<xsl:template name="specificTitle">Настройки</xsl:template>
 	<xsl:template name="specific">
+		<script language="Javascript" type="text/javascript">
+<xsl:text disable-output-escaping="yes"><![CDATA[
+function changeSkin(newSkin) {
+	var links = document.getElementsByTagName("link");
+	for(i=0;i<links.length;i++) {
+		var link = links[i];
+		if((typeof(link.getAttribute) != "undefined") && (link.getAttribute("rel") == "stylesheet") && (link.getAttribute("skin") == "skin")) {
+			var newLink = document.createElement("link");
+			newLink.setAttribute("skin", "skin");
+			newLink.setAttribute("rel", "stylesheet");
+			newLink.setAttribute("type", "text/css");
+			newLink.setAttribute("href", "/static/css/" + newSkin + ".css");
+			link.parentNode.replaceChild(newLink, link);
+		}
+	}
+}
+]]></xsl:text>
+		</script>
 		<table width="95%" align="center" cellpadding="1" cellspacing="1" class="tablesurround">
 			<tr>
 				<td>
@@ -71,6 +89,7 @@
 										<xsl:text>Цветовая схема:</xsl:text>
 										<br/>
 										<select name="skinId">
+											<xsl:attribute name="onChange">changeSkin(this.options[this.selectedIndex].innerText);</xsl:attribute>
 											<xsl:apply-templates select="skins/skin" mode="skinOption">
 												<xsl:with-param name="currentSkin"><xsl:value-of select="settings/skinId"/></xsl:with-param>
 											</xsl:apply-templates>
diff --git a/templates/Full/elems/Main.xslt b/templates/Full/elems/Main.xslt
index a5aba1b..485ddc7 100644
--- a/templates/Full/elems/Main.xslt
+++ b/templates/Full/elems/Main.xslt
@@ -6,7 +6,7 @@
 		<html>
 			<head>
 				<link rel="stylesheet" href="/static/css/global.css" type="text/css" />
-				<link rel="stylesheet" type="text/css">
+				<link rel="stylesheet" type="text/css" skin="skin">
 					<xsl:attribute name="href">/static/css/<xsl:value-of select="skin/name"/>.css</xsl:attribute>
 				</link>
 				<link rel="shortcut icon" href="/static/favicons/smirk.ico" type="image/x-icon" />
