---
title: "Lager som \"flyter\" in vid onload?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/80382-lager-som-flyter-in-vid-onload"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-06-23T17:48:08.000Z"
updated: "2003-06-26T20:59:10.000Z"
replies: 8
views: 295
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/80382-lager-som-flyter-in-vid-onload"
---

# Lager som "flyter" in vid onload?

## #1 — Jesper T, 2003-06-23T17:48Z

Hur skapar man lämpigast ett lager som "flyter" in ifrån högra sidan på webbläsaren och lägger sig på bestämd plats?
Det skadar inte heller att det är crossbrowser. :)

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

## #2 — cyprys, 2003-06-24T15:14Z

Det borde nästan finnas något sådant på <http://www.dhtmlcentral.com/> ;)

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

## #3 — dectgap, 2003-06-24T15:52Z

Så här kanske?

```
<script type="text/javascript">
window.onload=function(){
  document.getElementById('flyttkarl').style.left=screen.availWidth+'px';
  flytta('flyttkarl', 200)
}

function flytta(objId, min){
  if(parseInt(document.getElementById(objId).style.left)>min){
    document.getElementById(objId).style.left=parseInt(document.getElementById(objId).style.left)-5+'px';
    setTimeout('flytta(\''+objId+'\','+min+')', 20);
  }
}
</script>

<style type="text/css">
html, body {
  margin: 0;
  overflow: hidden;
}

#flyttkarl {
  position: absolute;
  height: 130px;
  width: 130px;
  padding: 20px;
  border: 1px solid #000;
  font: bold 10px Verdana;
}
</style>

...

<div id="flyttkarl">Jag flyger in från höger, och stannar 200px från vänsterkanten</div>
```

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

## #4 — Jesper T, 2003-06-24T16:33Z

Tack, men...
fel: ")" förväntas
rad: 19

rad19 --\> setTimeout('flytta(''+objId+'','+min+')', 20);

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

## #5 — dectgap, 2003-06-24T16:54Z

Det blev visst galet när jag lade in koden här.

Så här ska det skrivas:

```
setTimeout('flytta(x''+objId+'x','+min+')', 20);
```

Ersätt x med ett \\, så det blir så här, utan mellanslag:

```
\ ' '+objId+' \ '
```

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

## #6 — Jesper T, 2003-06-24T17:26Z

Tack, funkar bra i I.E. 6.0
Vet du hur det är med andra browsers?

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

## #7 — Jesper T, 2003-06-24T17:30Z

Jag märkte att man kan få den att gå fortare genom att ändra siffran. Men hur får man det hela att gå ännu fortare?

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

## #8 — dectgap, 2003-06-24T17:40Z

Jag har testat i Mozilla och Opera, och det fungerade hur bra som helst.

På denna raden kan du ändra femman till ett större tal, för att rutan ska flyttas ett större steg varje gång:

```
document.getElementById(objId).style.left=parseInt(document.getElementById(objId).style.left)-5+'px'
```

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

## #9 — bossse, 2003-06-26T20:59Z

För att få en mjuk flyttning så ange stegen till -15, och tiden mellan varje steg till 40, eller nåt i närheten av det.

```
document.getElementById(objId).style.left=parseInt(document.getElementById(objId).style.left)-15+'px';
setTimeout('flytta(\''+objId+'\','+min+')', 40);
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/80382-lager-som-flyter-in-vid-onload