Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Submitting an <IFrame>

Status
Not open for further replies.
ronsig

ronsig

Programmer
May 24, 2001
54
IL
Hello everyone!

Is there a way to have an iframe submit without the surrounding page getting replaced as well?

Also, I'm having a problem submitting a form within the iframe: there's a form ("form2") within the page loaded to the iframe("iframe_obg"), but when I try to submit it it fails.

I've tried
document.form1.iframe_obj.form2.submit();
and
document.getElementById('iframe_obj').form2.submit();
and both fail

Is this even possible?

Thanks,
Ron
 
Sort by date Sort by votes
All you should have to do is document.submit(), I use iframes through out my Intranet site without any problems.

an Iframe is a inline frame (I believe, although not sure, that only IE supports it).
 
Upvote 0 Downvote
"All you should have to do is document.submit()"

From where? I don't wanty the entire page to submit, just the iframe.
And the "submit" button is outside the iframe
 
Upvote 0 Downvote
hey

this is what you do here is the code for the iframe below and just change and add your certain characteristics

<IFRAME src=&quot;page.html&quot; name=&quot;iframe1&quot; width=&quot;345&quot; height=&quot;893&quot;>

and to open the page in your iframe insert the following code as the link

<a href=&quot;page2.html&quot; target=iframe1>Linked Text</a>


hope this helped
ciao
 
Upvote 0 Downvote
<form target=&quot;...(the iframe's own name or id)&quot;>
... Coding is the worst thing I had done.
 
Upvote 0 Downvote
If your form is contained in the Iframe then use document.submit(). If its not, in the form tag I think you can use the target=&quot;IFRAMENAME&quot;, but I'm not sure, anyone else have a thought?

 
Upvote 0 Downvote
Page1.html:
Code: 
<HTML><head>
<script id=clientEventHandlersJS language=javascript>
<!--
function cmdGo_onclick() {
    window.frames.ifrMyIFrame.document.frmMyForm.submit();
}
//-->
</script>
</head>
<Body>
<Form>
<input type=button id=&quot;cmdGo&quot; value=&quot;Go&quot; language=javascript onclick=&quot;return cmdGo_onclick();&quot;>
<IFRAME id=&quot;ifrMyIFrame&quot; Src=&quot;Page2.html&quot;></IFRAME>
</Form>
</HTML>

Page2.html:
Code: 
<html>
<body>
<form id=&quot;frmMyForm&quot; Name=&quot;frmMyForm&quot; action=&quot;Page3.html&quot;>
This is Page 2
</form>
</body>
</html>

Page3.html:
Code: 
<html>
<body>
<form id=&quot;frmMyForm&quot; Name=&quot;frmMyForm&quot; action=&quot;Page2.html&quot;>
This is Page 3
</form>
</body>
</html>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
639
ggriffit
ggriffit
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
267
Rayj0000
Rayj0000
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
699
Mike Lewis
Mike Lewis
chikwendu
  • Locked
  • Question
How do I display an extra input box for editing an existing data?
Replies
1
Views
104
chikwendu
chikwendu
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
274
rogerte
rogerte

Part and Inventory Search

Sponsor

Back
Top