Form in iframe, action in parent window

Dev Shed Forums Sponsor:

October 24th, 2007, 06:23 PM

jaeSun

got Rice?

Join Date: Nov 2004

Posts: 509

Time spent in forums: 4 Days 7 h 39 m 38 sec
Reputation Power: 9

Form in iframe, action in parent window

I have an IFRAME.

within the iframe is a page that has a form, that I would like to have it open in the parent window.

so when a user submits the form in the IFRAME, it will submit and process the form in the parent page.

i'm searching around for how to do it. and i cant seem how to do it. everything brings examples using regular frames.

any ideas to point me in the right direction?

It is required to be in an IFRAME for this case, (and not worried about compatibility as it is a local intranet page, and everyone with access to this has updated browser, etc)

here is my code

Main page:

Code:

...
<iframe src="editphotos_frame.cfm?iid=#request.iid#" 
			width="747" height="200" scrolling="no"
			frameborder="0">
		</iframe>
...

iframe:

Code:

<script type="text/javascript">
	function SubmitPhotoChange()
	{
		var blnConfirm = confirm('By performing this action all actual photos except for the first one will be deleted.');
		if (blnConfirm) document.frmProcessPhotoChange.submit();
	}
</script>

<form action="process_photo_change.cfm" method="post" name="frmProcessPhotoChange">
<select name="PhotoType" onChange="SubmitPhotoChange();">
<option value="1">Actual (#get_v.ImgTotal# Available)</option>
</select>
...

i simplified some of the javascript/html for example purposes.

so the form, i would like to have it submit in the main page, reloading the whole page rather than just the iframe. the code above works if there was no iframe which is fine, except in this one case where it is nested inside an iframe.

any advice/tips would be appreciated

Last edited by jaeSun : October 24th, 2007 at 06:29 PM.

October 25th, 2007, 02:12 AM

KorRedDevil

Contributing User

Join Date: Aug 2005

Location: Bucharest ROMANIA

Posts: 2,557

Time spent in forums: 4 Weeks 5 h 34 m 26 sec
Reputation Power: 614

use the HTML target attribute

<form target="_parent".....>

__________________
HELP SAVE ANA

October 25th, 2007, 02:32 PM

jaeSun

got Rice?

Join Date: Nov 2004

Posts: 509

Time spent in forums: 4 Days 7 h 39 m 38 sec
Reputation Power: 9

hmmm, in 1 page. works fine.

i use it on another place, and it seems take the page out of the frame into the parent page, and then submit it (all in like 1 second). so there is like a delay and looks weird.

i use JS to set the target of the form in both cases, both to "_parent" .

what may cause the form to do that?

October 25th, 2007, 03:05 PM

jaeSun

got Rice?

Join Date: Nov 2004

Posts: 509

Time spent in forums: 4 Days 7 h 39 m 38 sec
Reputation Power: 9

nvm, figured it out.

Form in iframe, action in parent window

Developer Shed Advertisers and Affiliates