Solved

Iframe close on submit data and refresh parent

Posted on 2008-06-10
7
1,686 Views
Last Modified: 2012-06-22
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
Comment
Question by:digitalZo
  • 4
  • 3
7 Comments
 
LVL 31

Accepted Solution

by:
James Murrell earned 500 total points
ID: 21757546
unsure but have you looked into

window.opener.location.reload()
0
 
LVL 31

Expert Comment

by:James Murrell
ID: 21757550
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
 
LVL 10

Author Comment

by:digitalZo
ID: 21757620
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
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 
LVL 31

Expert Comment

by:James Murrell
ID: 21757646
can you post your code here?
0
 
LVL 10

Author Comment

by:digitalZo
ID: 21757708
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
 
LVL 10

Author Closing Comment

by:digitalZo
ID: 31466042
Your solution did not help me, but I'd still give you points for attempting to answer.
0
 
LVL 31

Expert Comment

by:James Murrell
ID: 21758177
Thanks, very supporative comment... you could have asked for question to be deleted, but once again Thanks,
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

816 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now