Kirjautuminen
Tehtävät
Kilpailu
4. kierros:
7.11. klo 18 – 9.11. klo 23
Perus tämmönen single-layered sivulle (ei alasivuja) säätö että erinlainen ulkonäkö valitulle sivulle.
linkin pitää olla mutoa http://domain.com/sivu.html
selected.js
$(document).ready(function()
{
var curl = document.location.href;
// luokka tai id mistä haetaan linkit
$("#menu").find("a").each(function()
{
$("#menu a[href="+curl+"]").addClass("cur");
});
});esim.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>selected.js test</title>
<style type="text/css">
.cur { background-color: #00FFFF; }
</style>
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="selected.js"></script>
</head>
<body>
<div id="menu">
<a href="http://domain.com/sivu1.html">Sivu 1</a> ::
<a href="http://domain.com/sivu2.html">Sivu 2</a> ::
<a href="http://domain.com/sivu3.html">Sivu 3</a>
</div>
</body>
</html>Eli mikä? Otsikko ja vinkin kuvaus eivät oikein avaudu minulle.
Aihe on jo aika vanha, joten et voi enää vastata siihen.