---
title: "Hjälp?!!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/113093-hjälp"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "paddan"
published: "2004-10-07T13:11:49.000Z"
updated: "2004-10-07T21:25:24.000Z"
replies: 3
views: 222
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/113093-hjälp"
---

# Hjälp?!!

## #1 — paddan, 2004-10-07T13:11Z

Hej!
jag ska få en liten div tag att röra på sig..
Hur skriver jag det??
Koden ser ut så här...
\<html\>
	\<head\>
		\<title\>
			Studsfyrkant!
		\</title\>
		\<script type="text/javascript"\>
			
			function init()
			{
				var theDiv = document.getElementById("myDiv");
				theDiv.style.top="+100";
				setTimeout("init()", 1000); 
			}

		\</script\>
	\</head\>

\<body onload="init()"\>
	\<div id="myDiv" style="background-color=red; width=20px; height=20px; position:absolute; top=10px; left=10px" \>
	\</div\>
\</body\>
\</html\>

Är det någon som kan hjälpa mig!!
Mvh Martin

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

## #2 — Web-Tor, 2004-10-07T13:13Z

På vilket sätt ska den röra på sig?

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

## #3 — paddan, 2004-10-07T16:26Z

Jo det är meningen att den ska röra på sig..
Jag vill altså öka top och left margin...

Mvh Martin

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

## #4 — nitro2k01, 2004-10-07T21:25Z

Vill du bara att den ska röra sig och stanna på en plats duger detta. Så tycker jag att du ska lära dig vissa saker om html och javascript.

```
 <html>
<head>
<title>
Studsfyrkant!
</title>
<script type="text/javascript">
// Ursprungsplats: -20 pixlar, alltså utanför skärmen.
toplocation = -20;

function init()
{
  var theDiv = document.getElementById("myDiv");

  toplocation++;  // Öka lite

  theDiv.style.top="+100";

  if (toplocation<400)              // Stanna vid 400 pixlar
    setTimeout("init();", 50); 
}

</script>
</head>

<body onload="init();">
<div id="myDiv" style="background-color: red; width: 20px; height: 20px; position:absolute; top: 10px; left: 10px" >
</div>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/113093-hjälp
