---
title: "Flyttbara lager"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/117593-flyttbara-lager"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "jazzil"
published: "2004-12-08T12:09:24.000Z"
updated: "2004-12-09T14:26:10.000Z"
replies: 2
views: 302
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/117593-flyttbara-lager"
---

# Flyttbara lager

## #1 — jazzil, 2004-12-08T12:09Z

Hej jag skulle vilja på det enklaste sätt fixa flyttbara lager.
Man ska kunna klicka på lagret och dra det som man vill.

Det jag ska åstakomma är en slide med ett värde i en endan och ett i andra. Det kan jag gör själv men begränsningar i flytten o så. Jag vill bara ha hjälp med sjävla flytten.

//Kim Sevandersson

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

## #2 — Peter S, 2004-12-08T14:42Z

Enkelt exempel:

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

var elm,
    lpos,
    tpos,
    curL,
    curT,
    active = false;

document.onmousedown = function(e){
    var evt;

    if (typeof (evt = window.event) != "undefined" && evt.srcElement == elm){
	active = true;
	lpos   = evt.screenX;
	tpos   = evt.screenY;
	curL   = elm.offsetLeft;
	curT   = elm.offsetTop;
    }

    else if (typeof (evt = e) != "undefined" && e.target == elm){
	active = true;
	lpos   = evt.pageX;
	tpos   = evt.pageY;
	curL   = elm.offsetLeft;
	curT   = elm.offsetTop;
    }
}

document.onmousemove = function(e){
    var evt;

    if (active && typeof (evt = window.event) != "undefined"){
	elm.style.left = curL + (evt.screenX - lpos);
	elm.style.top  = curT + (evt.screenY - tpos);
    }

    else if (active && typeof (evt = e) != "undefined"){
	elm.style.left = curL + (evt.pageX - lpos) + "px";
	elm.style.top  = curT + (evt.pageY - tpos) + "px";
    }
}

document.onmouseup = function(){ active = false; }

window.onload = function(){ elm = document.getElementById("foo"); }

</script>

<div id="foo" style="position:absolute; width:200px; height:75px; border:1px solid; background:#eee"></div>
```

 :)

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

## #3 — jazzil, 2004-12-09T14:26Z

Tackar ska prova koden när jag får tid :)

EDIT: Funkade som det skulle, tackar  :bire 

EDIT2: Mitt reslutat [Här](http://mekk.mine.nu/aspnet/Mekk/index.html)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/117593-flyttbara-lager