Question

I have an iframe window that displays a report. To access this iframe, I have an expand/collapse button on the parent window.

Within the iframe report window, I have a #PAGETOP anchor at the bottom of the report, i,e:

<tr><td style="padding-left:45px" class="bottom" colspan="99"><div id="ptAnchor"><a href="#PAGETOP"><img src="first.png" border="1" alt="Top of Page" /></a></div></td></tr>

How can I programatically emulate an onclick of this #PAGETOP anchor, when the user presses the “expand” button from the parent window?

Answer 1

The use of #PAGETOP anchor is to scroll the window to the top. You can instead write a function to scroll the window to 0,0 coordinates.

function ScrollToTop() {
    window.scroll(0, 0);
}

Put this function in the IFrame, and call it from the parent window.