I have a webpage with an IFRAME in it.
But some of the pages on my IFRAME which has forms which are really long. So, I want a script or a html code whereby I can scroll to the top of the page once the user finishes with a certain page.
Also, the IFRAME does not have a scroller, but the parent page does.
So basically, putting my question more specifically, is it possible to use a submit button in the IFRAME to scroll to the top of the parent page (i.e, automatically scroll up with the parent page scroller) ?
Also, do i have to put the code in the parent page code? or in the link which the IFRAME points to?
Below is my code:
Expand|Select|Wrap|Line Numbers
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>68 Classifieds</title>
- <meta name="Keywords" content="keywords, go, here" />
- <meta name="Description" content="Your site description" />
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <meta http-equiv="Content-Script-Type" content="text/javascript">
- <base href="http://collectible.net/trufina/" />
- <link rel="stylesheet" href="templates/default/style.css" type="text/css" />
- <script type="text/JavaScript">
- <!--
- function MM_openBrWindow(theURL,winName,features) { //v2.0
- window.open(theURL,winName,features);
- }
- </script>
- </head>
- <body>
- <div id="wrapper">
- <!-- // Header // -->
- <div id="header"><a href="index.php"><img src="templates/default/images/header.gif" width="633" height="93" border="0" alt="68 Classifieds" /></a></div>
- <!-- // Header // -->
- <!-- // Top Bar // -->
- <div class="topbar">
- <div id="menu"><strong>
- </strong></div>
- </div>
- <!-- // Top Bar // -->
- <iframe src="http://qa.trufina.com/PartnerLogin/Login/3" id="myFrame" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
- width="893" scrolling="no" height="1500" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; Z-INDEX: 999; LEFT: 20px; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid; POSITION: absolute; TOP: 150px; LEFT: 54px; visibility:visible;">
- </iframe>
- .
- .
- .
- </div>
- </body></html>
Thanks.