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="#">¬ 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="#">¬ 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="#">¬ READ MORE</a></p>
+ </div>
<div class="clear"></div>
_______________________________________________
pld-cvs-commit mailing list
[email protected]
http://lists.pld-linux.org/mailman/listinfo/pld-cvs-commit
