jquery position() in plain javascript

Question

I have the following line of code:

var newLeftPos = $('span#s' + i).position().left - parseInt($('span#s' + i).css('width'), 10);

It works great in ie6 and upwards but I also need to get it to work for ie5.5. (Let's not argue about that now - I know - but I have no option)

I'm certain it falls on the .position() while I'm testing on ie5.5 with jquery 1.2

How could I do the same in plain javascript? Could "offsetParent" help me here? Apparently ie5.5 supports that.

Thanks in advance.

What have you tried so far? Have you examined the source of jquery.js to see how the position() function works? — Kiley Naro
– Kiley Naro, Commented Sep 12, 2011 at 14:29
I'm really curious who in their right mind is still surfing the internet with IE 5.5, because that means they're probably using Windows 2000, or worse Windows Me. — gen_Eric
– gen_Eric, Commented Sep 12, 2011 at 14:53
QuirksMode has an article on finding element positions quirksmode.org/js/findpos.html — Alex Turpin
– Alex Turpin, Commented Sep 12, 2011 at 14:58
jQuery will actually allow you to define cssHooks to allow it to work properly. So if you do firgure it out, you can use it easily. — Andrew
– Andrew, Commented Sep 12, 2011 at 15:00

Jose Faeti · Accepted Answer · 2011-09-12 17:41:57Z

4

You are looking for offsetParent, offsetLeft and offsetRight.

As you can see in the link, looks like they are supported even by old granny IE5.5.

Check this text page to see if they are really supported by your browser first.

Then your function should be something like

var span = document.getElementById('s' + i);

var newLeftPos = span.offsetWidth - parseInt(span.style.width);

edited Sep 12, 2011 at 17:41

answered Sep 12, 2011 at 15:08

Jose Faeti

12.3k6 gold badges40 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tuomas Over a year ago

Hey, thanks a whole lot! That certainly does exactly what I asked for. So simple. It was "offsetLeft" which I used, and that gave the right value. For some reason span.style.width returns null, but I'm sure that's much easier problem to solve. Thanks.

Jose Faeti Over a year ago

@Tuomas Ahh yes I forgot offsetLeft! :) Anyway while testing I also noticed the same problem. It return the right value only if the style is inline in the html, but not if it's in a separated css file... don't know why at the moment.

benzkji Over a year ago

it's not that simple, if for example transform: translate(-100px, 0) is used additionaly, you're lost...as I am right now. You can use this: stackoverflow.com/questions/52733352/… but things will get nasty quickly.

Collectives™ on Stack Overflow

jquery position() in plain javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related