I have a WebPart page with drop down toolbar. Every item/element of toolbar is a link to some other site/page.
For time being, when users click on item/element in toolbar, selected page opens up in a new tab/window.
I want to open clicked/chosen link on the same page where main toolbar is, just in lower (Body) WebPart. Below is an image. Toolbar is in Header WebPart and I want to make iframe in Body web part.
So, my main problem is that I don't know how to make iframe to open different pages on same WebPart.
Note:
I am able to use SP designer 2013, but I cannot use Visual Studio. If anyone is having doubt related to it please let me know. EDIT: Here's part of code where is part of toolbar.<div id='cssmenu'>
<ul>
<li class='active'><a href='#'><span>Home</span></a></li>
<li class='has-sub'><a href='#'><span>Products</span></a>
<ul>
<li><a href='#'><span>Product 1</span></a></li>
<li class='last'><a href='#'><span>Product 2</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>About</span></a>
<ul>
<li><a href='#'><span>Product 1</span></a></li>
<li class='last'><a href='#'><span>Product 2</span></a></li>
</ul>
</li>
<li class='active'><a href='#'><span>Contact</span></a></li>
</ul>
</div>