website/snippets/HTMLCodeDemoElement/features/vv-nav/shell.php.php

<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">vv-shell</span><span class="mtk14">&gt;</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">main</span><span class="mtk14">&gt;</span><span class="mtk5">&lt;!--&nbsp;This&nbsp;comment&nbsp;will&nbsp;be&nbsp;replaced&nbsp;with&nbsp;the&nbsp;conten</span><span class="mtk5">ts&nbsp;of&nbsp;/some-page&nbsp;--&gt;</span><span class="mtk14">&lt;/</span><span class="mtk6">main</span><span class="mtk14">&gt;</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span></span></span></div><div style="top:57px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk5">&lt;!--&nbsp;</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The&nbsp;'vv'&nbsp;attibute&nbsp;specifies&nbsp;a&nbsp;page&nbsp;and&nbsp;'vv-targe</span><span class="mtk5">t'&nbsp;a&nbsp;CSS&nbsp;selector.</span></span></div><div style="top:95px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If&nbsp;'vv-target'&nbsp;is&nbsp;omitted,&nbsp;the&nbsp;innerHTML&nbsp;of&nbsp;the&nbsp;</span><span class="mtk5">element&nbsp;with&nbsp;'vv'&nbsp;will&nbsp;be&nbsp;navigated.&nbsp;(the&nbsp;button&nbsp;i</span><span class="mtk5">tself)</span></span></div><div style="top:114px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;--&gt;</span></span></div><div style="top:133px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">button</span><span class="mtk1">&nbsp;</span><span class="mtk10">vv</span><span class="mtk1">=</span><span class="mtk12">"/some-page"</span><span class="mtk1">&nbsp;</span><span class="mtk10">vv-target</span><span class="mtk1">=</span><span class="mtk12">"main"</span><span class="mtk14">&gt;</span><span class="mtk1">Load&nbsp;the&nbsp;contents&nbsp;of&nbsp;/some-page&nbsp;into&nbsp;the&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">main</span><span class="mtk14">&gt;</span><span class="mtk1">&nbsp;tag</span><span class="mtk14">&lt;/</span><span class="mtk6">button</span><span class="mtk14">&gt;</span></span></div><div style="top:152px;height:19px;" class="view-line"><span><span class="mtk14">&lt;/</span><span class="mtk6">vv-shell</span><span class="mtk14">&gt;</span></span></div></div>