SVN: livecd/kde4/html/template.html

Fri Feb 6 16:05:26 CET 2009

Author: vip
Date: Fri Feb  6 16:05:26 2009
New Revision: 10108

Modified:
   livecd/kde4/html/template.html
Log:
- change style for clicked tab


Modified: livecd/kde4/html/template.html
==============================================================================

--- livecd/kde4/html/template.html	(original)
+++ livecd/kde4/html/template.html	Fri Feb  6 16:05:26 2009
@@ -8,6 +8,33 @@
 	<meta name="robots" content="index, follow" />
 	<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
 	<title>PLD-Linux LiveCD with K Desktop Environment 4</title>
+	<script language="JavaScript">
+	<!--
+	/*
+	 * LGPL, Piotr Budny vip (at) pld-linux.org 2008 
+	 */
+	
+	function changeCurrent(id)
+	{
+		var current = id;
+		var tabs = document.getElementById("feature_menu");
+		var elements = tabs.getElementsByTagName("a");
+
+		for( var i = 0; i < elements.length; i++ )
+		{
+				var element = elements[i];
+
+				element.setAttribute("class", "");
+				element.setAttribute("className", "");
+		}
+
+		current.setAttribute("class", "current");
+		current.setAttribute("className", "current");
+
+		return;
+	}
+	-->
+	</script>
 </head>
 <body>
 	<div class="wrap background">
@@ -31,9 +58,9 @@
 		</div>
 		
 		<ul id="feature_menu">
-			<li><a class="current" href="#">DID YOU KNOW...</a></li>
-			<li><a href="#">ON THIS DAY</a></li>
-			<li><a href="#">FEATURED CONTENT</a></li>
+			<li><a class="current" onclick="changeCurrent(this)" href="#">DID YOU KNOW...</a></li>
+			<li><a href="#" onclick="changeCurrent(this)">ON THIS DAY</a></li>
+			<li><a href="#" onclick="changeCurrent(this)">FEATURED CONTENT</a></li>
 		</ul>
 			
 		<div id="feature">
