?
Solved

Iframe close on submit data and refresh parent

Posted on 2008-06-10
7
Medium Priority
?
1,713 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
7 Comments
 
LVL 31

Accepted Solution

by:
James Murrell earned 1000 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
WordPress Tutorial 3: Plugins, Themes, and Widgets

The three most common changes you will make to your website involve the look (themes), the functionality (plugins), and modular elements (widgets).

In this article we will briefly define each again, and give you directions on how to install them.

 
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

Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

Question has a verified solution.

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

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

764 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