Kirjautuminen

Haku

Tehtävät

Keskustelu: Koodit: JavaScript: jQuery selected linkki

Grimmi [11.03.2009 15:48:16]

#

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>

tsuriga [24.03.2009 00:05:10]

#

Eli mikä? Otsikko ja vinkin kuvaus eivät oikein avaudu minulle.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta