---
title: "Lager vid musklick"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/64009-lager-vid-musklick"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ConnyFox"
published: "2003-01-06T23:11:31.000Z"
updated: "2003-01-07T15:18:14.000Z"
replies: 13
views: 277
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/64009-lager-vid-musklick"
---

# Lager vid musklick

## #1 — ConnyFox, 2003-01-06T23:11Z

Hur gör jag så att när jag klickar på en länk så  kommer det upp ett lager med t.ex en form eller vad som helst i brevid länken? saken är den att jag ska ha många sådana länkar på olika ställen av sidan så jag tänkte att man kanske kunnde få lagret att komma upp brevid muspekaren eller något.

tack på förhand!

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

## #2 — Peter S, 2003-01-07T10:02Z

Så här kanske du skulle kunna göra:

```
<script type="text/javascript">
<!--

function showHide(e, c){
	var elm = document.getElementById(e);
	var oLft = c.offsetLeft;
	var oTp = c.offsetTop;

	elm.style.left = oLft + c.offsetWidth + "px";
	elm.style.top = oTp + "px";
	elm.style.visibility = (elm.style.visibility=="hidden")?"visible":"hidden";
};

//-->
</script>

<body>

<a href="javascript:void(0)" onclick="showHide('lager', this)">Foo</a>
<div id="lager" style="visibility:hidden; width:200px; background:#eef; position:absolute">content</div>

</body>
```

 :)

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

## #3 — ConnyFox, 2003-01-07T13:36Z

Det funkar på det viset att ett lager visas och tas bort men det kommer inte vid muspekaren som jag ville ha det utan där man lägger skälva div-taggen. jag vill ha lagret flytandes över allt annat där man klickar på länken. någon som vet hur man löser?

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

## #4 — Peter S, 2003-01-07T14:37Z

Nu då:

```
<script type="text/javascript">
<!--

function showHide(i, e){
	var oLeft = e.clientX;
	var oTop = e.clientY;
	var elm = document.getElementById(i);

	elm.style.left = oLeft + "px";
	elm.style.top = oTop + "px";
	elm.style.visibility = (elm.style.visibility=="hidden")?"visible":"hidden";
};

//-->
</script>

<body>

<a href="javascript:void(0)" onclick="showHide('lager', event)">Foo</a>
<div id="lager" style="visibility:hidden; width:200px; background:#eef; position:absolute">content</div>

</body>
```

 :)

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

## #5 — ConnyFox, 2003-01-07T14:45Z

hmm nu e d lite mer rätt hehe nu hamnar det flytandes över allt annat som det skall men inte änns i närheten av där jag klickar :D

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

## #6 — Peter S, 2003-01-07T14:46Z

Vilken webbläsare använder du?

 :)

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

## #7 — ConnyFox, 2003-01-07T14:50Z

ie 6.0 med crazy browser

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

## #8 — ConnyFox, 2003-01-07T14:52Z

men d e samma resultat i vanliga ie 6.0

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

## #9 — Peter S, 2003-01-07T14:53Z

För mig fungerar det fint i IE6. Kan du visa den kod du använder?

 :)

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

## #10 — ConnyFox, 2003-01-07T14:56Z

Ok detta likker i head

\<SCRIPT LANGUAGE="JavaScript" SRC="HideShow.js"\>\</SCRIPT\>

\<script type="text/javascript"\>
\<!--

function showHide(i, e){
	var oLeft = e.clientX;
	var oTop = e.clientY;
	var elm = document.getElementById(i);

	elm.style.left = oLeft + "px";
	elm.style.top = oTop + "px";
	elm.style.visibility = (elm.style.visibility=="hidden")?"visible":"hidden";
};

//--\>
\</script\>

och detta ligger långt ner på sidan
\<div id="lager" style="visibility:hidden; width:200px; background:#eef; position:absolute"\>content\</div\>

\<a href="javascript:void(0)" onclick="showHide('lager', event)"\>\<img src="bilder/utrop.gif" border="0"\>\</a\>

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

## #11 — ConnyFox, 2003-01-07T14:57Z

Ingen aning om varför det funkar för både dig och min polare men för mig funkar d inte alls som tänkt, diven hamnar långt upp på sidan istället för brevid bildlänken =/

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

## #12 — ConnyFox, 2003-01-07T14:59Z

Hmm det funkar när jag lägger det på en sida separat men inte i min andra kod då ballar det ur..

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

## #13 — Peter S, 2003-01-07T15:12Z

Nu skall det fungera:

```
var oLeft = e.clientX + document.body.scrollLeft;
var oTop = e.clientY + document.body.scrollTop;
```

Jag tror dock inte att detta fungerar i IE5. Isåfall skulle du behöva modifiera koden lite grann.

:)

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

## #14 — ConnyFox, 2003-01-07T15:18Z

Ja sanna mina ord det gjorde den oxå :D man tackar man tackar! finemang \*bugar\*

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/64009-lager-vid-musklick
