Kan ikke få width af div (JS)

Tags:    diverse

Jeg har kodet et lille script i js til at vise info om et billede. Infoen vises i en div som skal gøres synlig når man holder musen over billedet. Det virker også fint, men jeg vil have div'en til at stå til venstre for musen istedet for til højre. Så er det jo bare at trække width'en af div fra x-positionen. Problemet er at jeg ikke kan få fat i width'en af div'en. Jeg har brugt det her til at teste alert(document.getElementById("imgdesc").width); men den siger at imgdesc ikke har nogen properties.

Se evt. www.decko.1go.dk/test.php for at se scriptet i aktion.






-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



6 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Jeg har kodet et lille script i js til at vise info om et billede. Infoen vises i en div som skal gøres synlig når man holder musen over billedet. Det virker også fint, men jeg vil have div'en til at stå til venstre for musen istedet for til højre. Så er det jo bare at trække width'en af div fra x-positionen. Problemet er at jeg ikke kan få fat i width'en af div'en. Jeg har brugt det her til at teste alert(document.getElementById("imgdesc").width); men den siger at imgdesc ikke har nogen properties.


Fold kodeboks ind/udKode 


Hvad med noget i den stil?!

Mvh. Thomas Lykke Petersen



Prøv med document.getElementById('imgdesc').offsetWidth;

:-)


--
Ronni Egeriis



Jeg har kodet et lille script i js til at vise info om et billede. Infoen vises i en div som skal gøres synlig når man holder musen over billedet. Det virker også fint, men jeg vil have div'en til at stå til venstre for musen istedet for til højre. Så er det jo bare at trække width'en af div fra x-positionen. Problemet er at jeg ikke kan få fat i width'en af div'en. Jeg har brugt det her til at teste alert(document.getElementById("imgdesc").width); men den siger at imgdesc ikke har nogen properties.


Fold kodeboks ind/udKode 


Hvad med noget i den stil?!

Mvh. Thomas Lykke Petersen


Det er fordi style.width i JS giver den værdi, som der står i style attributen for et tag...
Jeg går udfra, at du lader den udvide sig efter indholdet, eller her skrevet width'en af diven i det eksternt stylesheet/i headeren - Har du gjort det, så vil JS ikke kunne finde noget info om width i taggets style attribute, og derfor returnere undefined... Jeg tror desværre ikke du kan komme uden om denne "fejl" i JS, så du bliver nødt til at give din div en fast bredde, hvis du vil flytte den over på højre side :|

- Mads



Det returnerer en null værdi.




-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



Jeg har kodet et lille script i js til at vise info om et billede. Infoen vises i en div som skal gøres synlig når man holder musen over billedet. Det virker også fint, men jeg vil have div'en til at stå til venstre for musen istedet for til højre. Så er det jo bare at trække width'en af div fra x-positionen. Problemet er at jeg ikke kan få fat i width'en af div'en. Jeg har brugt det her til at teste alert(document.getElementById("imgdesc").width); men den siger at imgdesc ikke har nogen properties.


Fold kodeboks ind/udKode 


Hvad med noget i den stil?!

Mvh. Thomas Lykke Petersen


Det er fordi style.width i JS giver den værdi, som der står i style attributen for et tag...
Jeg går udfra, at du lader den udvide sig efter indholdet, eller her skrevet width'en af diven i det eksternt stylesheet/i headeren - Har du gjort det, så vil JS ikke kunne finde noget info om width i taggets style attribute, og derfor returnere undefined... Jeg tror desværre ikke du kan komme uden om denne "fejl" i JS, så du bliver nødt til at give din div en fast bredde, hvis du vil flytte den over på højre side :|

- Mads


Damn! Det var det jeg frygtede.





-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------

[Redigeret d. 13/04-05 15:02:48 af Jonas (Decko)]



Wuhu! Det virkede. Tak for det!




-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



t