0

I have the following html structure

i'm trying to get the links to open in the parent window. Right now the links are in an iframe. I tried adding target="_parent" to the links but that doesn't work. The weird thing is that some of the links work, but the login link doesn't.

<div class="mrvl-header-wrapper">
    <div class="mrvl-header-bg"></div>
    <header class="mrvl-header">
        <button class="glb-nav-hamburger fouc hide" data-auto="glb-nav-hamburger" tabindex="0"></button>
        <a href="/"><p class="mrvl-logo" data-auto="brand-logo">Adobe Spark</p></a>
        <div class="mrvl-mrkt-nav">
            <a href="/" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-about" data-auto="mrvl-mrkt-nav-about">About</a>
            <a href="/" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-projects" data-auto="mrvl-mrkt-nav-projects">My Projects</a>
            <a href="/gallery/" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-gallery" data-auto="mrvl-mrkt-nav-gallery">Inspiration Gallery</a>
            <a href="/blog" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-blog" data-auto="mrvl-mrkt-nav-blog">Blog</a>
            <div class="mrvl-mrkt-learn-more-drop">
                <a class="mrvl-mrkt-nav-link mrvl-mrkt-nav-learn-more" data-auto="mrvl-mrkt-nav-learn-more">Learn More</a>
                <ul class="mrvl-mrkt-nav-learn-more-features">
                    <li><a href="/features/" class="mrvl-mrkt-nav-link mrvl-mrkt-learn-more-link mrvl-mrkt-feature-link">Features</a></li>
                </ul>
            </div>
            <div class="mrvl-mrkt-make-a-design-drop">
                <a class="mrvl-mrkt-nav-link mrvl-mrkt-nav-make-a-design" data-auto="mrvl-mrkt-nav-make-a-design">Make a Design</a>
                <ul class="mrvl-mrkt-nav-make-a-design-features">
                    <li><a href="/make/album-cover-maker" class="mrvl-mrkt-nav-link mrvl-mrkt-make-a-design-link">Album Covers</a></li>
                    <li><a href="/make/invitation-maker/baby-showers" class="mrvl-mrkt-nav-link mrvl-mrkt-make-a-design-link">Baby Shower Invitations</a></li>
                </ul>
            </div>
        </div>
        <div class="nav-cta-actions">
            <a target="_parent" href="/login" data-context="marketingNav" class="mrvl-mrkt-nav-cta-btn signup-cta-btn mrvl-mrkt-nav-logged-out-cta mrvl-mrkt-nav-login" data-auto="mrvl-mrkt-nav-login">Log in</a>
            <a target="_parent" href="/login" data-context="marketingNav" class="mrvl-mrkt-nav-cta-btn mrvl-mrkt-nav-logged-out-cta signup-cta-btn mrvl-mrkt-nav-start-now" data-auto="mrvl-mrkt-nav-start-now">Start now for free</a>
            <a target="_parent" href="/#create" class="mrvl-mrkt-nav-cta-btn mrvl-mrkt-nav-logged-in-cta mrvl-mrkt-nav-create hide" data-auto="mrvl-mrkt-nav-create"></a>
        </div>
        <div class="site-nav">
            <a href="/#" class="site-nav-link site-nav-projects selected" data-auto="site-nav-projects">My Projects</a>
            <a href="/gallery/" class="site-nav-link site-nav-gallery" data-auto="site-nav-gallery">Inspiration Gallery</a>
            <a href="/blog" class="site-nav-link site-nav-blog" data-auto="site-nav-blog">Blog</a>
        </div>
        <div class="agn-wrap fouc">
            <div class="agn-container"></div>
        </div>
        <nav class="user_placard hide">
            <button class="signin-btn" data-auto="signin-btn">
                <span class="signin-btn-icon"></span>
                <span class="signin-btn-label"></span>
            </button>
            <div class="mrvl-user-menu hide"></div>
        </nav>
        <div class="active-authoring-context fouc hide"></div>
    </header>
</div>
<div class="mrvl-user-menu-screen mrvl-overlay-bg hide"></div>
<div class="glb-nav-menu"></div>
Chris Hansen
  • 7,813
  • 15
  • 81
  • 165

1 Answers1

0

Difference between _self, _top, and _parent in the anchor tag target attribute

target="_top" This breaks outside of all the frames it is nested in and opens the link as top document in the browser window.

target="_parent" Will open the in the next level up of a frame if they were nested to inside one another

Community
  • 1
  • 1
Rikin
  • 5,351
  • 2
  • 15
  • 22