Can a link scroll to the top of a page as well as open a page in an iframe?

Question

I am trying to figure out how I can get all my links to scroll to the top of the page as well as open up the desired page in my iframe. Is this possible? I need the link to perform two different functions.

Alarm Standard

                <script>
                    function myFunction() {
                    // Scroll to top
                                document.body.scrollTop = document.documentElement.scrollTop = 0;

                    // Open up a link in my iframe
                            <A HREF="DocDisplayCategory.cfm?CategoryID=47" TARGET="MainWindow">
                            </A>
                                  } 
                </li>
                </script>

Yes, you can tie multiple actions to an onclick event in javascript. — Boundless, Jan 11 '13 at 18:01
Please include some code along with a question... Also are the links being clicked inside the iframe or on the main page? — Devon Bernard, Jan 11 '13 at 18:01

ATOzTOA · Accepted Answer · 2013-01-12T04:45:30.717

0

You can just use an event handler.

<a href="#" onClick="myFunction();" >Click Me</a>

<script>
    function myFunction() {
        // Scroll to top
        document.body.scrollTop = document.documentElement.scrollTop = 0;

        // Open up a link in my iframe

        document.getElementById('frame1').src="http://www.foo.com/" 
    }
</script>

edited Jan 12 '13 at 04:45

answered Jan 11 '13 at 18:04

ATOzTOA

34,814
22
96
117

You may not need to actually scroll to top, `href="#'` will automatically scroll to start of page. – ATOzTOA Jan 11 '13 at 18:06
How would I open up a link using this function? – user1970812 Jan 11 '13 at 19:33
What can I put in the function that will make the link display in the iframe? – user1970812 Jan 11 '13 at 20:08

score 0 · Answer 2 · edited May 23 '17 at 11:43

0

For the scrolling have a look at this here; Scroll to the top of the page using JavaScript/jQuery?
To open a link in an iframe just specify the target

You could event automate the target creation using jquery too.

edited May 23 '17 at 11:43

Community

1
1

answered Jan 11 '13 at 18:06

Stefan

2,164
1
23
40

Can a link scroll to the top of a page as well as open a page in an iframe?

2 Answers2