---
title: "Markering av vald länk"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/18784-markering-av-vald-länk"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "FredrikT"
published: "2002-01-22T15:29:00.000Z"
updated: "2002-01-23T11:26:00.000Z"
replies: 3
views: 185
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/18784-markering-av-vald-länk"
---

# Markering av vald länk

## #1 — FredrikT, 2002-01-22T15:29Z

Hej, jag har en meny som består av vanliga html-länkar. Jag skulla vilja att den länk som är "aktiv" visas med tex. en liten bild framför eller i annan färg. Alltså så att man vet vilken sida man är inne på. Några förslag?

Permalänk: https://www.webforum.nu/p/18784

## #2 — Jojoxx, 2002-01-22T19:05Z

Detta script är kanske lite overkill, men jag satt och lekte med det och det fungerar lika bra på en meny (med länkar på en rad) och länkar i en flytande text. I lagret "linkmark" kan du givetvis lägga in något mer spännande än ett "\>", och då bara justera *getxpos(lobj)-8* och *getxpos(lobj)-12* (8 och 12) så att det stämmer.

```
<div id="linkmark" style="position:absolute;visibility:hidden;color:red;">></div>
<script language="JavaScript" type="text/javascript">
function mark(lobj){
	moveLayerAbs('linkmark',getxpos(lobj)-8,getxpos(lobj)-12);
	showLayer('linkmark');
	return true;
}
function getxpos(obj){
	var ret=0;
	if (document.getElementById &#0124;&#0124; document.all){
		while (obj.offsetParent) { ret += obj.offsetLeft; obj = obj.offsetParent; }
	}
	return (document.layers)?obj.x:ret;
}
function getypos(obj){
	var ret=0;
	if (document.getElementById &#0124;&#0124; document.all){
		while (obj.offsetParent) { ret += obj.offsetTop; obj = obj.offsetParent; }
	}
	return (document.layers)?obj.y:ret;
}
function moveLayerAbs(Id,x,y){
	if (document.all){
		if (x) document.all[Id].style.left = x;
		if (y) document.all[Id].style.top = y;
	} else if (document.layers){
		if (x) document.layers[Id].left = x;
		if (y) document.layers[Id].top = y;
	} else if (document.getElementById){
		if (x) document.getElementById(Id).style.left = x+'px';
		if (y) document.getElementById(Id).style.top = y+'px';
	}
}
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
</script>
```

För att kunna markera en länk lägger du in *onClick="return mark(this);"* i \<a\>-taggen. Detta är givetvis mest intressant tillsammans med ett target på länken så att sidan med länken ligger kvar och länken laddas i ett annat fönster/frame.

Permalänk: https://www.webforum.nu/p/336196

## #3 — FredrikT, 2002-01-23T09:18Z

Jag får inte det att funka som det ska, oavsett vilken länk jag klickar på så ligger \> kvar på samma ställe

Permalänk: https://www.webforum.nu/p/336197

## #4 — Jojoxx, 2002-01-23T11:26Z

Ok, jag har läst en del om offsetParent och tydligen så är den funktionen lite buggig i olika webbläsare. Men gäller detta bara en meny kanske något av [dessa exempel](http://www.jojoxx.net/jscript/archive/index.html) kan vara intressant (meny med bildväxling).

Permalänk: https://www.webforum.nu/p/336198

---

Tråden på webben: https://www.webforum.nu/amne/javascript/18784-markering-av-vald-länk