---
title: "flytta lager inom begränsat område"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17421-flytta-lager-inom-begränsat-område"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "phoyer"
published: "2001-02-14T01:17:00.000Z"
updated: "2001-02-14T15:42:00.000Z"
replies: 3
views: 186
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/17421-flytta-lager-inom-begränsat-område"
---

# flytta lager inom begränsat område

## #1 — phoyer, 2001-02-14T01:17Z

har ett script som tillåter besökaren att flytta runt olika lager på skärmen.
detta innebär även att man kan flytta lagren utanför skärmen.
skulle behöva en funktion som begränsar inom vilka x- och y-värden som man kan flytta lagren.
nåt tips ?

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

## #2 — Johnsen, 2001-02-14T10:00Z

Visa den kod du har, så skall vi nog kunna kompettera den.

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

## #3 — phoyer, 2001-02-14T10:41Z

\<script\>
drag = 0
move = 0

function init() {
	window.document.onmousemove = mouseMove
	window.document.onmousedown = mouseDown
	window.document.onmouseup = mouseUp
	window.document.ondragstart = mouseStop
}

function mouseDown() {
	if (drag) {
		clickleft = window.event.x - parseInt(dragObj.style.left)
		clicktop = window.event.y - parseInt(dragObj.style.top)
		dragObj.style.zIndex += 1
		move = 1
	}
}

function mouseStop() {
	window.event.returnValue = false
}

function mouseMove() {
	if (move) {
		dragObj.style.left = window.event.x - clickleft
		dragObj.style.top = window.event.y - clicktop
	}
}

function mouseUp() {
	move = 0
}
\</script\>

\<div id="lager1" onMouseOver="dragObj=lager1; drag=1;" onMouseOut="drag=0" style="visibility: visible; position: absolute; left:5; top:5;"\> innehåll \</div\>

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

## #4 — Johnsen, 2001-02-14T15:42Z

Ser ut som om din kod bara fungerar i IE, så jag fortsätter väl med det jag oxå. Ändra nouseMove() till detta:

```
function mouseMove() {
if (move) {
lagerWidth=dragObj.offsetWidth
lagerHeight=dragObj.offsetHeight
if(window.event.x < document.body.clientWidth-lagerWidth && window.event.x >lagerWidth){
dragObj.style.left = window.event.x - clickleft}
if(window.event.y < document.body.clientHeight-lagerHeight && window.event.y >lagerHeight){
dragObj.style.top = window.event.y - clicktop}
}
}
```

så borde du inte kunna flytta dina lager utanför fönstret.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17421-flytta-lager-inom-begränsat-område