[Javascript] Locatie afbeelding vinden

[Oxiounking]

Ik moet de locatie van een afbeelding met javascript zien te vinden, en heb geen idee hoe dit moet. De bedoeling is dat dit werkt in IE6+, Firefox, Safari en Opera.

Hier het probleem:



nu is de bedoeling dat ik die waardes van 50 en 50 moet hebben.

Ik heb al obj.offsetTop en obj.offsetLeft geprobeerd, maar dat werkt niet (goed). Iemand een idee hoe ik deze waarden wel kan vinden?

[ Voor 3% gewijzigd door Oxiounking op 24-04-2021 02:23 ]

[TeeDee]

Heb je hier iets aan?

Gevonden met javascript get position of container

[Face_-_LeSS]

Wanneer je de afbeelding met een stylesheet positioneert, kan je via javascript wel het een en ander.
Wanneer de afbeelding 'absolute' is gepositioneerd dan is het vrij eenvoudig. Dan kan je 'style.top' gebruiken.
Wanneer de afbeelding niet 'absolute' is gepositioneerd wordt het wat lastiger. Dan moet je alle parent offsets optellen.

[Oxiounking]

@TeeDee: het probleem van die functies (ik heb ze al eerder geprobeerd), is dat ze hele vreemde waarden geven. De afwijking aan de linkerkant klopt meestal wel, maar bijvoorbeeld in firefox is de afwijking aan de bovenkant volgens de functie 607 pixels, terwijl het er echt minder zijn dan 30.

@Face_-_LeSS: ik positioneer de afbeelding helemaal niet (laat de browser dat afhandelen), hij komt gewoon midden in een tekst te staan.

[ Voor 23% gewijzigd door Oxiounking op 11-12-2007 16:03 ]

[TeeDee]

Waarom zet je dat dan niet in je TS?

Kan je niet iets online gooien? Heb je ook met Fx icm de webdeveloper toolbar CTRL+SHIFT+F ingedrukt en dan gekeken hoe of wat?

[BtM909]

Je kan ook even kijken hoe libraries als mootools het doen

Face_-_LeSS schreef op dinsdag 11 december 2007 @ 15:54:
Wanneer je de afbeelding met een stylesheet positioneert, kan je via javascript wel het een en ander.
Wanneer de afbeelding 'absolute' is gepositioneerd dan is het vrij eenvoudig. Dan kan je 'style.top' gebruiken.

Absolute positioning geldt natuurlijk ten opzichte van een parent element die position: relative; is

[Oxiounking]

Ik heb het probleem al gevonden

Het blijkt dat iemand de ids stiekem heeft veranderd, waardoor ik niet de locatie van de afbeelding kreeg, maar de anchor van die afbeelding (<a><img></a>), en waar die anchor zit verschilt dan juist weer heel erg per browser.

[Face_-_LeSS]

[b][message=29243645,noline]BtM909 schreef op dinsdag 11 december 2007 @
Absolute positioning geldt natuurlijk ten opzichte van een parent element die position: relative; is

Je hebt gelijk

[7.01D]

Wellicht heb je hier wat aan: Find position op Quirksmode.org

[TeeDee]

7.01D schreef op dinsdag 18 december 2007 @ 05:21:
Wellicht heb je hier wat aan: Find position op Quirksmode.org

En die schijnt dus buggy te zijn volgens deze link.

En ChaosR schijnt het al opgelost te hebben

[ Voor 6% gewijzigd door TeeDee op 18-12-2007 09:17 ]

[7.01D]

TeeDee schreef op dinsdag 18 december 2007 @ 09:17:
En die schijnt dus buggy te zijn volgens deze link.

Dat bericht is van 2005. Het scriptje op Quirksmode is volgens PPK nog aangepast nadat zijn boek in 2006 uitkwam. Dat is op zich natuurlijk geen bewijs dat het dan niet meer buggy is, maar ik kan me zo voorstellen dat de bewuste Safari-bug er toch wel uit is (heb het zelf niet getest).

[TeeDee]

Weet niet wanneer PPK's boek exact uitgekomen is, maar in de reacties van bovenstaande link staan dus nog meer tips. Niet alleen de post zelf

[7.01D]

TeeDee schreef op dinsdag 18 december 2007 @ 10:57:
Weet niet wanneer PPK's boek exact uitgekomen is, maar in de reacties van bovenstaande link staan dus nog meer tips. Niet alleen de post zelf

Klopt, maar dat betekent nog niet dat het script op Quirksmode nog steeds buggy is.
De Quirksmode-pagina schijnt overigens 7 maanden geleden voor het laatst aangepast te zijn. Of dat een wijziging in het script betreft of een gecorrigeerde spelfout weet ik natuurlijk niet