DiV-tagg skapar lager

<DIV ID="mitt_lager"
STYLE="position:absolute;width:160px;height:160px;left:120px;top:140px;">
TEXT o BiLDER
</DIV>

Ge lagret ett namn efter DiV ID
Bestäm hur det ska se ut efter STYLE
- position:absolute gör så att lagret kan placeras och flyttas
- left:120px placerar lagret 120 pixlar från sidans vänstra kant
- top:140px placerar lagret 140 pixlar från sidans överkant

document.getElementById

För att flytta ett lager använder man document.getElementById och ändrar helt enkelt värde efter top och left, så här:

document.getElementById('mitt_lager').style.left=200+"px"
document.getElementById('mitt_lager').style.top=200+"px"

Ta reda på ett lagers position

Några exempel:

Klicka här för att ta reda på hur många pixlar från fönstrets vänsterkant det här lagret är placerat.
Varje gång du klickar här flyttas det här lagret 20 pixlar åt höger.
Klicka här för att ta reda på hur många pixlar från fönstrets vänsterkant det här lagret befinner sig nu.

FLYTTA TiLLBAKA!

Ta reda på var lagret befinner sig:

vansterkant = document.getElementById('mitt_lager').style.left

Som exempel 1 och 3 här ovanför visar får man med enheten (i det här fallet px för pixlar) när man tar reda på ett lagers position, dvs t ex 40px. 'px' måste bort innan man kan använda siffran. Funktionen parseInt() plockar ut heltal (integers) ur en textsträng:

vansterkant = parseInt(document.getElementById('mitt_lager').style.left)

Om man alltså vill flytta ett lager 20 pixlar åt höger tar man först reda på var det befinner sig, plockar bort enheten (px), lägger till 20, och skriver dit enheten igen:

document.getElementById('mitt_lager').style.left =
parseInt(document.getElementById('mitt_lager').style.left)+20+'px'

Sidan gjordes av

ilj@flowsim.se

Senast ändrad 3 november 1997

http://www.flowsim.se