[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 335
  • Last Modified:

Is there a way of ensuring Iframe contained page refreshes to top each time?

Hi,

I have an Iframe which points to 3 child forms pages which step through ie 1 of 3, 2 of 3 and 3 of 3. The problem is that 2 of 3 is a very long page and one has to scroll down to get to the button "Next" which then shows a blank page because the parent Iframe is still scrolled down and the 3rd page is short. Is there a way to ensure that each time the child window is "nexted" the new child page has its focus top left, rather than its current position. Unfortunately I have very limited control over the child windows since it is a 3rd party payment application.

Thanks,

Sam

0
SamJolly
Asked:
SamJolly
  • 4
  • 3
1 Solution
 
HainKurtSr. System AnalystCommented:
use scroll(0,0) on your steps

here is a sample called from a button
Top<br>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>
<p> a long text here </p><p> a long text here </p><p> a long text here </p><p> a long text here </p>

<button onClick="GoToTop()">scroll top</button>
<script>
function GoToTop(){
  scroll(0,0);
}
</script>

Open in new window

0
 
HainKurtSr. System AnalystCommented:
in your case just add

<script>
function GoToTop(){
  scroll(0,0);
}
</script>

<body onLoad="GoToTop()"...>
0
 
SamJollyAuthor Commented:
Kurt,

Thanks for this. The trouble with this solution is that I would have to add it to the child pages and I cannot do that as they are 3rd party. So I was wondering whether there was a way from the parent Iframe page to control this behaviour?

So to clarify:

IFrame Page
      ChildForm1  - Short Page
             Next
       ChildForm2 - Long page
             Next
       ChildForm3 - Short Page - Stays at bottom therefore looks blank which is the problem. Manually scrolling the parent iFrame scrollbar back up reveals the form on the 3rd page. So how can this be done automatically from the Parent iFrame Page?

Thanks,

Sam
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
HainKurtSr. System AnalystCommented:
if they are in the same domain yes, you can control from parent
if they are running on different domains, you cannot (for security reasons)
0
 
HainKurtSr. System AnalystCommented:
if they are in same domain you can use

<iframe name=frmChild id=frmChild src="http://same.domain.com/somepage.aspx"></iframe>

<button onClick="GoToTop()">scroll frame to top</button>
<script>
function GoToTop(){
window.scroll(0,0);
  var frm = document.frames["frmChild"]
  frm.scroll(0,0);
}
</script>
0
 
SamJollyAuthor Commented:
Kurt,

They are in different domain so I guess that I am out of luck.

I will now discuss the situation a bit with the 3rd party to see if they can add the JS, but I am not hopeful !!

Thanks for your help,

Sam
0
 
SamJollyAuthor Commented:
thks
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now