Menu
I currently have a list of links to the left of my iframe sort of like a menu. However, I have quickly realized that is not a very scalable option. What I want to do is create a simple drop down menu with all my links inside of it, and have them still open inside of my iframe.
Example of one of my links.
<li>
<a href="http://pncw0787:24543/SoA/Team%20Folders/NOC/noc%20tool%20html%20pages/CS1000%20Name%20Change.htm"
target="iframe1">CS1000 Name Change</a>
</li>
389
asked Apr 08 '26 16:04
If you want to open ALL links in your frame, then you should state this fact in your document HEAD section
<head>
<base target="iframe1">
</head>
And I think that is enough.
Okay here is another way.
first your styles for links, i just used these stysles but no doubt you have your own.
.menulink
{
color: #0000FF;
cursor: pointer;
}
.menulink:hover
{
color: #FF0000;
cursor: pointer;
}
Next the code to open the link in the IFrame
<script type="text/vbscript" id="OpenInMyFrame">
' <!--
Function OpenInMyFrame(LinkUrl)
window.document.getElementById("MyFrame1").src = LinkUrl
End Function
' -->
</script>
Finally your links and iFrame
<ul id="MyMenu">
<li class="menulink" onclick="OpenInMyFrame('http://www.bbc.co.uk')">Menu1</li>
<li class="menulink" onclick="OpenInMyFrame('http://www.google.co.uk')">Menu2</li>
<li class="menulink" onclick="OpenInMyFrame('http://www.microsoft.co.uk')">Menu3</li>
<li class="menulink" onclick="OpenInMyFrame('http://www.ibm.co.uk')">Menu4</li>
</ul>
<iframe id="MyFrame1" name="MyFrame1" style="width: 1040px; height: 682px" src="Default.aspx">
</iframe>
<select id="MyMenu">
<option class="menulink" onclick="OpenInMyFrame('http://www.bbc.co.uk')">Menu1</option>
<option class="menulink" onclick="OpenInMyFrame('http://www.google.co.uk')">Menu2</option>
<option class="menulink" onclick="OpenInMyFrame('http://www.microsoft.co.uk')">Menu3</option>
<option class="menulink" onclick="OpenInMyFrame('http://www.ibm.co.uk')">Menu4</option>
</select>
<script type="text/javascript">
//<!--
function OpenInMyFrame(var1)
{
window.document.getElementById("MyFrame1").src = var1;
}
//-->
</script>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
