Opening a aspx page on IFrame in SharePoint online

Question

Hi I m developing an app for SharePoint Online 2013. I want to open a aspx page (from my project ) on a Iframe as follows. 
Default.aspx page as follows 
<button type="button" id ="Button1" name="Button1">Click Me!</button> 
<iframe name ="frame1" id ="frame1"  width="800" height="800" runat="server" ></iframe>
App.JS File as follows 
$(document).ready(function () {
$("#Button1").click(function() {
    redirectPage();
function redirectPage() {
document.getElementById("frame1").src = "/Pages/Default1.aspx";
This is not working can someone please help me. Thanks.
d.n weerasinghe

Answer 1

Hi,
Thank you very much for your reply. I have managed to work it as you mentioned I had to remove the "Runat server".
But Still I cannot display a SharePoint page on a Iframe.
I m tryng to do this
<li><a OnCLICK="document.getElementById('frame1').src = 'https://xxxx-my.sharepoint.com';" >Personal Address</a></li>
Then I get the following error
"To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame"
I have added the following code to mysite.master page on the saharepoint , still now working . Any help please.
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<WebPartPages:AllowFraming  runat="server" __WebPartId="{D6E530AE-958F-4E81-B06F-AA5AC60DFF94}" />
d.n weerasinghe