In my asp.net application i am trying to enlarge an image which is in a iframe, as shown below
<head id="Head1" runat="server">
<script type="text/javascript">
function showbigimg(){
alert('works');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<%--Other page controls--%>
<iframe id="htmliframe">
<html>
<head></head>
<body>
<a href="#" onclick="parent.showbigimg();">
<img src="../someimage.png"/>
</a>
</body>
</html>
</iframe>
</form>
</body>
When i click on the image in iframe i get this Access Denied in IE and Permission denied to access property in FF.
Am i doing it in the right way or is there an alternate method.
EDIT: I will place a div in parent HTML with an img with enlarged size, when showbigimg is called