SVN: livecd/kde4/html/template.html

Fri Feb 6 16:55:50 CET 2009

Author: vip
Date: Fri Feb  6 16:55:49 2009
New Revision: 10109

Modified:
   livecd/kde4/html/template.html
Log:
- change content by href


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

--- livecd/kde4/html/template.html	(original)
+++ livecd/kde4/html/template.html	Fri Feb  6 16:55:49 2009
@@ -14,9 +14,9 @@
 	 * LGPL, Piotr Budny vip (at) pld-linux.org 2008 
 	 */
 	
-	function changeCurrent(id)
+	function changeCurrent(current)
 	{
-		var current = id;
+		var content = document.getElementById("feature");
 		var tabs = document.getElementById("feature_menu");
 		var elements = tabs.getElementsByTagName("a");
 
@@ -30,13 +30,17 @@
 
 		current.setAttribute("class", "current");
 		current.setAttribute("className", "current");
+		
+		try{
+			content.innerHTML = document.getElementById("feature" + current.hash.replace("#", "-")).innerHTML;			
+		}catch	(e){}
 
 		return;
 	}
 	-->
 	</script>
 </head>
-<body>
+<body onload='changeCurrent(document.getElementById("initial"));'>
 	<div class="wrap background">
 		<div id="search">
 			<form action="">
@@ -58,16 +62,36 @@
 		</div>
 		
 		<ul id="feature_menu">
-			<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>
+			<li><a id="initial" class="current" onclick="changeCurrent(this)" href="#1">DID YOU KNOW...</a></li>
+			<li><a href="#2" onclick="changeCurrent(this)">ON THIS DAY</a></li>
+			<li><a href="#3" onclick="changeCurrent(this)">FEATURED CONTENT</a></li>
 		</ul>
 			
 		<div id="feature">
+		</div>
+		
+		<div id="feature-1" style="visibility:hidden; display: none">
 			<img src="images/kde-4.2RC1-1mini.png" alt="Featured" />
 			<p>Mauris magna sem, pellentesque sit amet, nonummy vel, nonummy id, velit. Mauris facilisis, quam ut semper adipiscing, magna diam laoreet ante, ac varius massa dolor sit amet augue.</p>
 			<p><a class="more" href="#">&not; READ MORE</a></p>
 		</div>
+
+		<div id="feature-2" style="visibility: hidden; display: none;">
+			<img src="images/kde-4.2RC1-1mini.png" alt="Featured" />
+			<p>
+				Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
+				when an unknown printer took a galley of type
+			</p>
+			<p><a class="more" href="#">&not; READ MORE</a></p>
+		</div>
+		
+		<div id="feature-3" style="visibility: hidden; display: none;">
+			<img src="images/kde-4.2RC1-1mini.png" alt="Featured" />
+			<p>
+				Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. 
+			</p>
+			<p><a class="more" href="#">&not; READ MORE</a></p>
+		</div>
 		
 		<div class="clear"></div>
 		
