---
title: "Dra ut lager uppåt & nedåt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/67381-dra-ut-lager-uppåt-nedåt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-02-06T04:51:39.000Z"
updated: "2003-02-10T19:39:25.000Z"
replies: 10
views: 262
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/67381-dra-ut-lager-uppåt-nedåt"
---

# Dra ut lager uppåt & nedåt

## #1 — Jesper T, 2003-02-06T04:51Z

Jag skulle behöva en "cross browser"-funktion för att dra ut lager med musen. När man drar i över eller underkant så skall lagret förstoras eller förminskas i 15pixels-steg(endast i vertikal riktning). En fördel skulle vara att man även kan flytta hela lagret, even det med 15pixels-steg i vertikal riktining.
Några tips?

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

## #2 — Jesper T, 2003-02-07T07:49Z

Några tips?

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

## #3 — Jesper T, 2003-02-09T12:11Z

Fortfarande ingen som vet?

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

## #4 — solbulle, 2003-02-09T13:07Z

Inte riktigt vad du söker men kanske ett steg i rätt riktnig. <http://www.webforum.nu/showthread.php?s=&postid=518490#post518490>

Själv väldigt nyfiken på en lösning av ditt problem eftersom det är ungefär samma sak som jag söker.

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

## #5 — Jesper T, 2003-02-09T17:50Z

Tack solbulle. Jag har kammat till det hela lite, men jag skulle vilja att den dras ut i 15pixlars-steg. Går det att ordna?

```
<html>
<head>
<script>
document.onmousemove = cropIt
document.onmousedown = lockIt
document.onmouseup = unLockIt

xlock = 0;
inPos = 0;

function cropIt(e){
element = document.getElementById("foo")
y = (document.all)? event.y : e.pageY;

status=inPos

	if( (element.offsetHeight - (y - parseInt(element.style.top))) < 0 &&
		(element.offsetHeight - (y - parseInt(element.style.top))) >-9 ){
			document.body.style.cursor="se-resize";
			inPos = 1;
	}
	else{
		document.body.style.cursor="default";
		inPos = 0;
	}

	if(xlock==1){
		element.style.height = y - parseInt(element.style.top)
		document.position.pos.value=element.style.height;
	}
}

	function lockIt(){
		if(inPos == 1){
			xlock =1
		}
	}
	function unLockIt(){
		xlock = 0
	}
	
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="foo" style="position:absolute;top:50px; left:50px; width:120px; height:120px; overflow:hidden; border:1px solid #CCCCCC;">
</div><form name="position" method="post" action="">
<input type="text" name="pos" value="">
</form>
</body>
</html>
```

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

## #6 — Jojoxx, 2003-02-10T06:37Z

```
	if(xlock==1){
		element.style.height =Math.ceil((y-parseInt(element.style.top))/15)*15
		document.position.pos.value=element.style.height;
	}
```

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

## #7 — Jesper T, 2003-02-10T08:20Z

Wow, det gick.
Går det dessutom att ha flera lager på samma sida som går att storleksändra?

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

## #8 — Jojoxx, 2003-02-10T16:06Z

```
<html>
<head>
<script>
document.onmousemove = cropIt
document.onmousedown = lockIt
document.onmouseup = unLockIt

xlock = 0;
inPos = 0;
var element=false;
function cropIt(e){ if(element){
	y = (document.all)? event.y : e.pageY;
	status=inPos
	if( (element.offsetHeight - (y - parseInt(element.style.top))) < 0 &&
		(element.offsetHeight - (y - parseInt(element.style.top))) >-9 ){
			document.body.style.cursor="se-resize";
			inPos = 1;
	}
	else{
		document.body.style.cursor="default";
		inPos = 0;
	}

	if(xlock==1){
		element.style.height =Math.ceil((y-parseInt(element.style.top))/15)*15
		document.position.pos.value=element.style.height;
	}
}}

	function lockIt(){
		if(inPos == 1){
			xlock =1
		}
	}
	function unLockIt(){
		xlock = 0
	}
	
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div
	id="foo"
	onmouseover="element=this;"
	style="position:absolute;top:50px; left:50px; width:120px; height:120px; overflow:hidden; border:1px solid #CCCCCC;">
</div>
<div
	id="bar"
	onmouseover="element=this;"
	style="position:absolute;top:50px; left:250px; width:120px; height:120px; overflow:hidden; border:1px solid #CCCCCC;">
</div>

<form name="position" method="post" action="">
<input type="text" name="pos" value="">
</form>
</body>
</html>
```

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

## #9 — Jesper T, 2003-02-10T17:53Z

En höjdare....förutom att det endast funkar när sidan inte scrollas. Om jag har scrollat ner en bit på sidan så funkar det inte.
Lösning?

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

## #10 — Jojoxx, 2003-02-10T19:22Z

Ändra;

```
y = (document.all)? event.y : e.pageY;
```

till;

```
y = (document.all)? event.y+document.body.scrollTop : e.pageY+pageYOffset;
```

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

## #11 — Jesper T, 2003-02-10T19:39Z

Du verkar ju kunna ALLT! :) :) :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/67381-dra-ut-lager-uppåt-nedåt
