• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1745
  • Last Modified:

Iframe close on submit data and refresh parent

I have an Iframe which contains a form. After the user clicks on the submits button, the data should go to the database [i have done this] and the iframe should close automatically and refresh the parent page.

Is there any way I can do this on server side?

The problem wiht the following code is that the user has to double click in order for the form to close. Also, the parent page doesnt refresh.
Protected Sub submit_btn_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles submit_btn.Click
               //database queries.
 
                submit_btn.Attributes.Add("OnClick", "javascript:closeiframe();return false;")
    End Sub

Open in new window

0
digitalZo
Asked:
digitalZo
  • 4
  • 3
1 Solution
 
James MurrellProduct SpecialistCommented:
unsure but have you looked into

window.opener.location.reload()
0
 
James MurrellProduct SpecialistCommented:
also found this it may help


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
</head>
 
<body onUnload="javascript:load('a.html',top.opener)">
 
<form>
<script language="JavaScript"><!--
function load(file,target) {
if (target != '')
target.window.location.href = file;
else
window.location.href = file;
}
//--></script>
 
Test
</form>
 
 
</body>
</html> 

Open in new window

0
 
digitalZoAuthor Commented:
where do i put this: window.opener.location.reload()?

also, i tried body unload...it didnt work..the parent page didnt refresh. secondly, i have to click on submit button twice to make the form close. how do i close it on first click?
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.

 
James MurrellProduct SpecialistCommented:
can you post your code here?
0
 
digitalZoAuthor Commented:
ok i added this in form tag and it worked:
  <form id="form1" runat="server" onsubmit="parent.location.reload();">

the only problem it's showing is that if the form is not yet filled then the page reloads with the new data in the dropdown without any hitches....but if there's data on the parent page, then on refresh, either the data stays intact but the new data does not get inserted in the dropdown OR the data disappears.

any idea why this is happening? and solution?

thanks for all your help. appreciated. :)
0
 
digitalZoAuthor Commented:
Your solution did not help me, but I'd still give you points for attempting to answer.
0
 
James MurrellProduct SpecialistCommented:
Thanks, very supporative comment... you could have asked for question to be deleted, but once again Thanks,
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