Help!! Script: AnyLink Drop Down Menu IE
The only problem that I am having with this script is the subcatagory positions. When I preview it and click on the menu choice, the subcatagories are way down on the page instead of under the menu bar. When I change the position from absolute to top, the subcatagories are under the menu bar. At this point, when I click on the first menu item, the subcatagories are perfect underneath. When I click on the second menu item, the subcatagories are under the first menu item instead of the second.Any help would be greatly appreciated. Thank you. Here is a copy of what I am working on:
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Probst Farms</a> |
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Nature's Hollow</a> |
<head><style type="text/css">
#dropmenudiv{
position:absolute;
border:;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}
</style>
<script type="text/javascript">
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="http://www.probstfarms.com/Probst_Farms/Probst_Farms.html">Preserves</a><br>'
menu1[1]='<a href="http://www.Probstfarms.com/Probst_Farms/Salsa.html">Salsa</a><br>'
menu1[2]='<a href="http://"></a><br>'
menu1[3]='<a href="http://"></a><br>'
//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="http://www.probstfarms.com">Sugarfree Preserves</a><br>'
menu2[1]='<a href="http://www.probstfarms.com">Sugarfree Syrup</a><br>'
menu2[2]='<a href="http://www.probstfarms.com">Sugarfree Ketchup</a><br>'
var menuwidth='165px' //default menu width
var menubgcolor='white' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
CSS Codes
Reply With Quote
Bookmarks