5 svar · 368 visningar · startad av ratbag
Jag vet, det blev en lite oklar rubrik...
Jag är ute efter följande;
Jag har en lista med länkar till sidor på den interna siten. När man har klickat en av dessa och kommit till en sida kan man backa tillbaka till listan med länkar. Då vill jag att den SENAST klickade länken skall vara markerad i en färg. Alltså inte :visited funkationen som ger alla tidigare klickade länkar en färg utan endast den senaste.
Någon som vet???
Tack på förhand!
/Dan
Den länken har väl fortfarande fokus, så :focus (:active i IE) borde väl funka?
var s = document.referrer;
var antal = document.getElementsByTag("a");
var stringen[antal];
for (int z = 0; z < antal.length; z++)
{
stringen[z] = antal.href;
}
for (int i = 0; i < stringen.length; i++)
{
if (stringen*.indexOf(s.substring (s.lastIndexOf("/"), s.length-3) ) > -1) //om resultatet är att den inte finns så retunerar indexOf -1.
{
antal*.class = "activeLink";
}
}
...eller nåt, tog det ur huvudet... det kanske inte funkar alls.
//henke**
OK - hur lägger jag detta? Skall det ligga som ett script eller vad? Jag vet inte riktigt hur jag skall placera det i förhållande till länken eller om det bara skall ligga i head tex...??
Tack!
/Dan
var antal = document.getElementsByTag("a");
samlar upp alla länkar på sidan, så du lägger förhoppningsvis scriptet i din head-tag. Jag testade inte den eller något sånt så förmodligen är det kanske nåt fel i den (jag vet inte) men om det är det så rekommenderar jag Javascript, DHTML forumet ;).
Ser ett fel redan nu när jag kollar tillbaka igen - och det är att jag deklarerar "antal" platser i "stringen" arrayn. Det ska inte vara "stringen[antal]" utan "stringen[antal.length]"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Markera senaste länk-klick</title>
<style type="text/css">
a:focus { background:lime; }
</style>
<!--[if IE]>
<style type="text/css">
a:active { background:lime; }
</style>
<![endif]-->
</head>
<body>
<ul>
<li><a href="about:blank">test</a></li>
</ul>
</body>
</html>