Question

I added one new link in a webpage. it works fine, but when I hit a link, one blank is coming with that page. I know the reason: it’s because of <iframe> in the bottom. I am adding the code below.

My question is “how to add without affecting other links” or changing functionality in other web page?

In the first web page, I added this link:

<%-- Access the <a href="javascript:navigate('/common/Link.aspx?linkid=SecureAPI&amp;JumpID=Products.ResourceCenter.Operations.AnnuityOrderEntry')">A.O.E.One-Stop-Shop</a> in the Resource Center for further information and instructions.--%>

This link is affected by an <iframe> in the same page.

<iframe name="TimeoutFrameLPL" id="TimeoutFrame" src="blank.htm" width="1px" height="1px" frameborder="0"></iframe>

The <iframe> is calling in another webpage. Due to this I am getting a blank page.

<script type="text/javascript">
    setDocDomain();

var lastID = '0';

var qs = new String(location.search);
var target = 'AnnuityLandingPage.aspx'+qs;

function getCommFrame()
    {
    var iwin;
    if(navigator.userAgent.indexOf("Safari") != -1)
    {
        iwin = frames["TimeoutFrame"];
    }else{
        iwin = window.open('', "TimeoutFrame");
    }
    return iwin;
    }

What are the changes required in the two webpages for not displaying that blank page? Please help me out.

Answer 1

Did you try <iframe style="display:none" /> ?

if you set the attribute style of an element to display:none, the browser will skip its rendering