---
title: "flyttbart lager?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/74228-flyttbart-lager"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "monAmour"
published: "2003-04-16T09:43:05.000Z"
updated: "2003-04-16T17:32:34.000Z"
replies: 4
views: 249
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/74228-flyttbart-lager"
---

# flyttbart lager?

## #1 — monAmour, 2003-04-16T09:43Z

Försöker göra så att man ska kunna dra ett lager med musen.
Trodde det var ganska simpelt. 
Så här ser min kod ut nu:

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

function dragable(X) {
	if (document.getElementById) {
		document.getElementBydId(X).style.left = window.event.clientX + "px";
		document.getElementById(X).style.top = window.event.clientY + "px";
	}
}

//-->
</script>

<body>
<div id="styr" style="position:absolute; left:100px; top:100px; width:500px; border-style:solid; border-width:1px; border-color:#000000; z-index:1;" ondrag=dragable(this)>
<div id="bar" style="position:relative; left:0px; top:0px; width:500px; height:20px; background-color:#000000; z-index:2">
<span style="padding-left:3px; font-family:Verdana; font-size:10px; font-weight:Bold; text-decoration:none; color:#FFFFFF">Kalender</span>
</div>
</div>
```

Får inga error men det händer nada..
Hur bör jag gå tillväga?

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

## #2 — Sebbe, 2003-04-16T10:37Z

Det kanske bara blev ett fel när du skrev det här, men ska det inte stå

```
document.getElementById(X).style.left = window.event.clientX + "px";
```

istället för

```
document.getElementBydId(X).style.left = window.event.clientX + "px";
```

?

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

## #3 — Peter S, 2003-04-16T13:43Z

Du bör inte använda ett händelseattribut direkt i ett element, utan istället använda någonting sådant här:

```
document.onmousedown = ...
document.onmouseup = ...
document.onmousemove = ...
```

Punkterna ovan ersätter du med funktioner som kollar om det tänkta elementet ifråga blivit tryckt på och isåfall utför önskade operationer.

 :)

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

## #4 — monAmour, 2003-04-16T16:46Z

om jag använder det istället då, hur ska funktionen se ut som ska flytta lagret.. inget verkar fungera av det jag använder nu.. :(

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

## #5 — Jojoxx, 2003-04-16T17:32Z

Du kan få tjuvtitta på ett färdigt exempel om du vill [här](http://www.jojoxx.net/test/movelayer.html).

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

---

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