---
title: "Layer slide funktion"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/73462-layer-slide-funktion"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "monAmour"
published: "2003-04-07T15:24:42.000Z"
updated: "2003-04-07T15:27:46.000Z"
replies: 1
views: 210
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/73462-layer-slide-funktion"
---

# Layer slide funktion

## #1 — monAmour, 2003-04-07T15:24Z

Har försökt ta upp det här med javascript och dhtml igen efter att inte ha programmerat på ett bra tag.
Försöker göra en enkel layer slide funktion med det vill inte fungera..
Har jag tänkt rätt?

\-------------------------------------------------------------------------------

function slideTo(id,xpos,ypos) {
	if (document.getElementById) {
		
		var slideLayer = document.getElementById(id);
		var currentXpos = slideLayer.style.left;
		var currentYpos = slideLayer.style.top;

		if (currentXpos \< xpos) {
			var diffXpos = xpos-currentXpos;
		}
		else if (xpos \< currentXpos) {
			var diffXpos = currentXpos-xpos;
		}
		else if (currentYpos \< ypos) {
			var diffYpos = ypos-currentYpos;
		}
		else if (ypos \< currentYpos) {
			var diffYpos = currentYpos-ypos;
		}

	}

	function doSlide() {
		for (i=0;i\<diffXpos;i++) {
			slideLayer.style.left = slideLayer.style.left+1;
		}

		for  (i=0;i\<diffYpos;i++) {
			slideLayer.style.top = slideLayer.style.top+1;
		}

	}

	doSlide();

}

\------------------------------------------------------------

Tack på förhand!!
\-Micke

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

## #2 — Jesper T, 2003-04-07T15:27Z

[Eat this!](http://www.dansteinman.com/dynduo/en/sliding.html)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/73462-layer-slide-funktion