Pangeia
asked on
How do I insert a java drop down menu
I am trying to insert a java drop down menu into a web page. I can do so with a regular menu by using
<!--#include virtual="menu.asp" -->
The problem is when I do this with with my java menu, as soon as you leave the main menu to try to navigate the sub menu it goes away. Is there a way I can insert the menu so I can edit the menu in one single location when making changes to the menu both cosmetic and operational.
<!--#include virtual="menu.asp" -->
The problem is when I do this with with my java menu, as soon as you leave the main menu to try to navigate the sub menu it goes away. Is there a way I can insert the menu so I can edit the menu in one single location when making changes to the menu both cosmetic and operational.
ASKER
Yes. In the header.
Im talking about doing something like this.
defalut.asp
<html>
<head>
<script src="Menu/dbMenu.js" type="text/javascript"></s cript>
<meta http-equiv="Content-Langua ge" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<div align="left">
<table border="0" width="600">
<tr>
<td bgcolor="#B0F0F0"> </ td>
<td bgcolor="#000000"> </ td>
<td bgcolor="#B30000"> </ td>
</tr>
</table>
</div>
<!--#include virtual="menu.asp" -->
<div align="left">
<table border="0" width="600">
<tr>
<td bgcolor="#FFB409"> </ td>
<td bgcolor="#3F3362"> </ td>
<td bgcolor="#3FA490"> </ td>
</tr>
</table>
</div>
</body>
</html>
menu.asp
<html>
<head>
<title>Dropdown menu Menu Test</title>
<script src="Menu/dbMenu.js" type="text/javascript"></s cript>
<link href="Menu/global.css" type="text/css" rel="stylesheet" media="screen">
<link href="Menu/dropDown.css" type="text/css" rel="stylesheet" media="screen">
</head>
<body>
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
</body>
</html>
Im talking about doing something like this.
defalut.asp
<html>
<head>
<script src="Menu/dbMenu.js" type="text/javascript"></s
<meta http-equiv="Content-Langua
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<div align="left">
<table border="0" width="600">
<tr>
<td bgcolor="#B0F0F0"> </
<td bgcolor="#000000"> </
<td bgcolor="#B30000"> </
</tr>
</table>
</div>
<!--#include virtual="menu.asp" -->
<div align="left">
<table border="0" width="600">
<tr>
<td bgcolor="#FFB409"> </
<td bgcolor="#3F3362"> </
<td bgcolor="#3FA490"> </
</tr>
</table>
</div>
</body>
</html>
menu.asp
<html>
<head>
<title>Dropdown menu Menu Test</title>
<script src="Menu/dbMenu.js" type="text/javascript"></s
<link href="Menu/global.css" type="text/css" rel="stylesheet" media="screen">
<link href="Menu/dropDown.css" type="text/css" rel="stylesheet" media="screen">
</head>
<body>
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
</body>
</html>
That would not be a good idea.
the menu needs to not be an html document
So either
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
or the most
<script src="Menu/dbMenu.js" type="text/javascript"></s cript>
<link href="Menu/global.css" type="text/css" rel="stylesheet" media="screen">
<link href="Menu/dropDown.css" type="text/css" rel="stylesheet" media="screen">
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
but I would not include dbMenu in the parent then.
the menu needs to not be an html document
So either
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
or the most
<script src="Menu/dbMenu.js" type="text/javascript"></s
<link href="Menu/global.css" type="text/css" rel="stylesheet" media="screen">
<link href="Menu/dropDown.css" type="text/css" rel="stylesheet" media="screen">
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
but I would not include dbMenu in the parent then.
ASKER
I have been instructed I have to make the menu centralized. SO there is one place where I make all changes and they reflect on all pages.
With css I can do this with things like colors and sizes, but I need it to be so that if I rename a button, or change a link, I only have to do it once.
This is what I'm looking for. From the way your solution looks it still has me having to go to every page and changing the link on each individual page.
With css I can do this with things like colors and sizes, but I need it to be so that if I rename a button, or change a link, I only have to do it once.
This is what I'm looking for. From the way your solution looks it still has me having to go to every page and changing the link on each individual page.
No, you only ever edit menu.asp
ASKER
OK. I tried to do what I thought you said. I feel I need to explain... I have limited experience in web design and do not know java, but have been tasked with getting this done. STRESS
When I replaced the code on the menu page with...
<script src="Menu/dbMenu.js" type="text/javascript"></s cript>
<link href="Menu/global.css" type="text/css" rel="stylesheet" media="screen">
<link href="Menu/dropDown.css" type="text/css" rel="stylesheet" media="screen">
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
it no longer loads into the web page. Was I wrong in my interpretation that I was to make it a blank page and paste this in there? Was I supposed to have left some of the original code there?
When I replaced the code on the menu page with...
<script src="Menu/dbMenu.js" type="text/javascript"></s
<link href="Menu/global.css" type="text/css" rel="stylesheet" media="screen">
<link href="Menu/dropDown.css" type="text/css" rel="stylesheet" media="screen">
<ul id="menu" class="dbMenu onMouse">
<li style="left: 0px; top: 0px; width: 4em">Home</li>
<li style=width:15em><a class="download" title="Initiates file download" target="_blank" href="displaycontent.pdf">
Drop down menu item</a></li>
</ul>
it no longer loads into the web page. Was I wrong in my interpretation that I was to make it a blank page and paste this in there? Was I supposed to have left some of the original code there?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks so much.
IT works great.
My menu inserts and when I move my mouse down to the sub menu, the menu stays and I can click my links.
IT works great.
My menu inserts and when I move my mouse down to the sub menu, the menu stays and I can click my links.
ASKER
It helped me complete my task.
Make sure to change the paths to your own paths. Perhaps that was your problem...
ASKER
Actually, I did try tinkering with my original website I was working with.
The problem was very simple.
As you had stated I should not have had reference to the java script in the parent page. Once I removed it, it started working.
Just thought I would throw that out there. Thanks again. Learned a lot.
The problem was very simple.
As you had stated I should not have had reference to the java script in the parent page. Once I removed it, it started working.
Just thought I would throw that out there. Thanks again. Learned a lot.
Normally with JS you just do
<script src="menu.js" type="text/javascript"></s