I'm trying to set the HTML of an Iframe at runtime, from code behind.
In my aspx page i have:
<asp:Button ID="btnChange" runat="server" Text="Change iframe content"
onclick="btnChange_Click" />
<br />
<iframe id="myIframe" runat="server" />
in the code behind:
protected void btnChange_Click(object sender, EventArgs e)
{
myIframe.InnerHtml = "<h1>Contents Changed</h1>";
}
When i run this.... it posts back, but doesn't change the myIframe contents at all... What am i doing wrong??
I need to do this because im implementing 3D secure into my checkout process.. basically:
1) customer enters credit card details 2) form is submitted, checks with payment gateway if 3d secure is required. if so, url is generated for the banks secure location to enter information 3) i create a POST request to this url, that contains a long security token, and a few other bits of information. i get hold of the HTML returned from this POST request, and need to display it in an iFrame.
Heres what the documentation says to do:
<html>
<head>
<title>Please Authenticate</title>
</head>
<body onload="OnLoadEvent();">
<form name="downloadForm" action="https://mybank.com/vbyv/verify" method="POST">
<input type="hidden" name="PaReq" value="AAABBBBCCCCHHHHHH=">
<input type="hidden" name="TermUrl" value="https:// www. MyWidgits.Com/next.cgi">
<input type="hidden" name="MD" value="200304012012a">
</form>
<script language="Javascript"> <!-- function OnLoadEvent(){ document.downloadForm.target = "ACSframe"; document.downloadForm.submit(); } //--> </script>
<!-- MERCHANT TO FILL IN THEIR OWN BRANDING HERE -->
<iframe src="blank.htm" name="ACSframe" width="390" height="450" frameborder="0">
</iframe>
<!-- MERCHANT TO FILL IN THEIR OWN BRANDING HERE -->
</body>
</html>
You can try this:
or maybe this will work too:
There's no innerHTML attribute for an iFrame. However, since HTML 5.0, there's a new srcdoc attribute. http://www.w3schools.com/tags/tag_iframe.asp
Which you could use like this:
what you need to do is create a seperate aspx page that is empty and that gets the response and loads it in its own body, in other words replace itself, like
mypage.aspx:
then place that page inside ur iframe...
simply put, the iframe is a client side window, you cannot reference its body as an object from the server side, it hasnt been loaded yet!
OR... you can open an html file, dump the response then save and close... that file is referenced by your iframe always. use Text stream objects, or filesystemobject or the like...
PS. i haven't tried any of it
You can not change iframe innerHTML property. It does not have innerHTML property at all. Try to RegisterStartupScript and use document.write to change the content of the iframe since it is a window.
By the way, i think HTML tag is better place for this.