Topic awaiting preservation: Way of using Javascript to scroll a div to anchor tag (Page 1 of 1)

Is there any way to use a Javascript function to move a div to a specified anchor tag?
(needs to work in firefox and IE)

Thanks,



- Biggie

- Face the Present
- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

yep, of course there is.
You have to retrieve the position of the anchor tag first. To do so, you'll most certainly have to get the handle of the anchor tag, then go through its parent nodes to iterate their offsetLeft and offsetTop positions to get the real position of the anchor.

IIRC Peter-Paul Koch has done such a function ( to retrieve the x and y of any element ), and it's certainly been posted here too.

Just because I have this sitting here I'll drop them:

function findPosX(obj) {
    var curtop = 0;
	  if (obj.offsetParent) {
		    while (obj.offsetParent) {
			       curtop += obj.offsetLeft
			       obj = obj.offsetParent;
		    }
    }
	  else if (obj.x) curtop += obj.x;
	  return curtop;
}

function findPosY(obj) {
    var curtop = 0;
	  if (obj.offsetParent) {
		    while (obj.offsetParent) {
			       curtop += obj.offsetTop
			       obj = obj.offsetParent;
		    }
    }
	  else if (obj.y) curtop += obj.y;
	  return curtop;
}

Are you talking about moving a div like a tooltip? (of which there are plenty of examples) or scrolling an overflow div to a specific link within the div?



.:[ Never resist a perfect moment ]:.

I mean an overflow div.



- Biggie

- Face the Present
- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

(Edited by Maskkkk on 06-10-2005 23:40)

Well that's much easier it's just like going to any link.

Name the Link something

<a href="test">test</a>


then

document.location = '#test'

If you are doing this from a link it's even easier and you don't even need js just

<a href="#test">go to test</a>



.:[ Never resist a perfect moment ]:.

(Edited by bitdamaged on 06-11-2005 00:12)