CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

3string Nybegynder

19. februar 2004 - 07:31 Der er 11 kommentarer og
1 løsning

aflæsning af værdien "left"

Jeg kan nemt sætte værdien :

document.getElementById("idet2").style.left

men kan jeg ikke aflæse den?

f.eks:

document.getElementById("idet2").style.left = document.getElementById("idet2").style.left + 2

Synes godt om

mik789 Nybegynder

19. februar 2004 - 08:38 #1

prøv med offsetLeft. Altså:

document.getElementById("idet2").style.left = document.getElementById("idet2").offsetLeft + 2

Se også: http://www.mozilla.org/docs/dom/domref/dom_el_ref19.html#1028018

//mik

Synes godt om

roenving Novice

19. februar 2004 - 15:34 #2

Du kan som udgangspunkt kun aflæse style-properties som er sat direkte i tagget !-)

Altså kan du ikke aflæse:

<style type="text/css">#minDiv{left:30px;}</style>
...
<div id="minDiv">noget</div>

-- men godt:

<div id="minDiv2" style="left:40px;">noget</div>

-- og så den lille krølle, at har du først sat en style-property med javascript, kan du aflæse den senere !-)

Synes godt om

3string Nybegynder

19. februar 2004 - 16:38 #3

--> mik789
offsetleft du ikke, det havde jeg nemmelig prøvet ;)

--> roenving
Jeg kan ikke få
<div id="minDiv2" style="left:40px;">noget</div>
til at virke(var endelig sådan jeg fårst prøvede det), men grundet ufattelig dårlig tåldmodighed fandt jeg en roundabout ved at lave et array med kordinaterne i stedet.
Jeg har derfor ikke afprøvet din sidste løsning, men siger du det virker, så er det nok ikke helt galt.

Jeg vender lige tilbage, når jeg får taget mig sammen til at teste det, du kan evt lægge et svar i mellemtiden, hvis du vil.

/3String

Synes godt om

roenving Novice

19. februar 2004 - 16:51 #4

>>3string

_ikke_ offsetleft, men offsetLeft !-)

Javascript er case sensitivt, så det er to forskellige variabler, hvor den ene er en ny og den anden en native property på html-elementer ...

<div id="minDiv" style="position:relative;left:40px;" onclick="alert(this.offsetLeft);">En div-tekst</div>

<div id="minDiv" style="left:40px;" onclick="alert(this.style.left);">En div-tekst</div>

-- som du vil kunne se kræver offsetLeft, at elementet faktisk har en offset fra en placering (og hvis du fjerner position:relative; er det ikke flyttet !-)

.style.left aflæser bare propertyen, uden i øvrigt at bekymre sig om, om elementet i virkeligheden er flyttet, for det er det jo faktisk ikke uden en position:relative; !o]

-- og så returnerer offsetLeft et tal, mens .style.left returnerer en tekst-streng, som så skal parses:

document.getElementById("idet2").style.left = parseInt(document.getElementById("idet2").offsetLeft,10) + 2 + 'px';

-- og styles skal have målestok på, så der skal sættes 'px' på ...

Synes godt om

roenving Novice

19. februar 2004 - 16:54 #5

Hov:

document.getElementById("idet2").style.left = parseInt(document.getElementById("idet2").style.left,10) + 2 + 'px';

Synes godt om

mik789 Nybegynder

19. februar 2004 - 16:57 #6

"-- som du vil kunne se kræver offsetLeft, at elementet faktisk har en offset fra en placering (og hvis du fjerner position:relative; er det ikke flyttet"

eler mao: offsetLeft giver dig et mål i forhold til nærmeste omgivende box der selv har egenskaben position sat til enten relative eller absolute. Hvis ingen position på de omgivende boxe bliver målet i forhold til "roden", dvs. <body> i quirks mode, <html> i standard mode. Du kan evt. teste ved at klikke på den grå, den gule og grønne box her: http://www.e-tidsskrift.dk/dev/position.php

Synes godt om

3string Nybegynder

29. september 2004 - 13:16 #7

jeg er ved at rydde op, så jeg lukker lige her, tak for jeres hjælp.

Synes godt om

roenving Novice

29. september 2004 - 14:00 #8

Kunne du da ikke bruge noget ?-)

Synes godt om

3string Nybegynder

29. september 2004 - 14:23 #9

uha nu skal hukommelsen startes op.

Jeg mener problemet var at jeg ikke kunne aflæse de værdier FØR jeg selv havde ændret dem.

Jeg lavede derfor en workaround med noget serverscript indover.
Ikke kønt, men det virkede.

Synes godt om

roenving Novice

29. september 2004 - 14:39 #10

*lol* -- ja det skulle jeg også ...

-- men i så tilfælde har du jo netop fået korrekte svar, da f.eks. 19/02-2004 16:51:11 + 16:54:20 netop udpensler de problemer (og også anviser en løsning på det umiddelbare problem !-)

Synes godt om

3string Nybegynder

29. september 2004 - 15:00 #11

arrrh, det er vist rigtig.
Jeg kan ikke huske om jeg brugte dit svar, men jeg tror lige jeg vil checke efter.

Hvis du er interesseret i pointene, så opretter jeg gerne et nyt spørgsmål til dig?

Synes godt om

3string Nybegynder

29. september 2004 - 15:01 #12

nåja, det bliver tidligst i aften, jeg får kigget på det, men jeg vender tilbage med resultatet ;)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS

23/12

Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer

23/12

Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder

23/12

En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed

23/12

Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter

23/12

Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret

23/12

Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR

23/12

Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed

23/12

Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge

23/12

Banebrydende ChatGPT-opdatering er lige på trapperne: “Denne model vil være helt fantastisk til programmering”

23/12

Tivoli søger ny CIO: Kenneth Hartvig stopper efter tre år på posten

23/12

Vi ender med at bo i en taber-region, hvis ikke vi gør noget drastisk - her er digitaliseringsministerens plan

Vis flere artikler

IT-JOB

Semler Gruppen

Business Analyst til Semler IT

BEC

Service Integrator

Cognizant Technology Solutions Denmark ApS

Kinaxis Solution Architect

Københavns Professionshøjskole

Cloudarkitekt

KMD A/S

Senior Backend Developer

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 04:32	Korrupt CF kort Af Mozcan i Foto & video
I går 21:34	install.esd og boot.wim Af sjass i Windows
I går 18:52	Nyt tekstdokument er forsvundet. Af valby i Windows
I går 16:48	"Defragmentering" af Windows 11 ? Af Ikke-ekspert i Windows
25/1219:53	CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere