website/public/docs/v3.1.5/Reference/JavaScript/TARGET.php

41 lines
No EOL
3 KiB
PHP

<?= VV::include("public/docs/v3.1.5/Reference/layout") ?>
<main>
<section>
<h1>Navigation.TARGET</h1>
<p>A static object of <a href="/docs/v3.1.5/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> that alters where the contents of a navigation should be placed relative to the <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element element for <a href="/docs/v3.1.5/Reference/JavaScript/navigate"><code>.navigate()</code></a>.</p>
</section>
<section>
<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=docs/v3.1.5/JS/target/description") ?>
</section>
<section>
<h1>Properties</h1>
</section>
<section class="md param">
<h2 ><code class="mtk19">TOP</code></h2>
<p>The inner DOM of the <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element will be <strong>replaced</strong> with the contents of <a href="/docs/v3.1.5/Reference/JavaScript/constructor"><code>href</code></a> from a <a href="/docs/v3.1.5/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> instance.</p>
<p>This is the default behavior when the <code>vv-shell</code> element (top navigation) is navigated.</p>
<p>Setting this parameter on a <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element that isn't the <code>vv-shell</code> element has the same effect as a normal top navigation. The target is "ignored".</p>
</section>
<section class="md param">
<h2><code class="mtk19">SELF</code></h2>
<p>The contents of the <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element will be navigated.</p>
<p>This is the default behavior when an element that <strong>isn't</strong> the <code>vv-shell</code> is navigated.</p>
<p>Setting this parameter on a <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element that is the <code>vv-shell</code> (top navigation) has the same effect as <code class="mtk19">TOP</code>.</p>
</section>
<section class="md param">
<h2><code class="mtk19">BLANK</code></h2>
<p>Performs the browser-default behavior for opening links in a new window. The <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element is ignored.</p>
</section>
<section class="md param">
<h2><code class="mtk19">PARENT</code></h2>
<p>The closest <code>HTMLElement</code> to the <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element with a <code>vv-page</code> property present will be navigated. If no parent element with that attribute is found, the <code>vv-shell</code> element (top navigation) will be navigated.</p>
<p>Setting this parameter on a <a href="/docs/v3.1.5/Reference/JavaScript/navigate#target"><code>target</code></a> element that is the <code>vv-shell</code> (top navigation) has the same effect as <code class="mtk19">TOP</code>.</p>
</section>
<hr>
<section>
<h1>Examples</h1>
</section>
<section>
<p>No examples available.</p>
</section>
</main>