Working with menu

autopost · Jan 9, 2008

I have this menu set up for the site I am working on. Basically it works as a rollover, that calls a function that makes the corresponding div appear or disappear. Right now, I have it set so once the menu appears, if the mouse goes outside of set pixel areas, the menus disappear on their own. Is there an easier way to detect if the mouse is over the whole div itself?? I believe I tried doing mouseover and mouseout in the div tag, and it was shaky. Any help would be greatly appreciatedHey, 
 
Try using a nested div tag. Like this: 
 
<div OnMouseover="function()"> 
<div> MENU STUFF </div> 
</div> 
 
Thats what I do and it works good. 
 
If that isnt what your looking for then please post the code and I would be more than happy to help you out. 
 
 
 
 
 
:rocker:I will try and see how that works, but I have submenus coming off of my regular menus, will that effect it working at all. If I go to a submenu part of a category, I dont want the previous part to close up. Does that make sense? Thank for the help.One sec im making a map to show you right now.Ok The big square is the big div. Notice how the whole menu, even the sub's are inside of that big div box. It all stays in view as long as your mouse is over anywhere in the big div box. See what im saying. Hope this helps, 
 
Am I an artist or what?OK, I think I am getting the gist. So when I make the new div I need to add those dimensions to the style sheet with all the other ones, right?? Can I only make the bid div a square, or can I make ti any shape.Here is one of my sample menus, this is the one that would specifically give me trouble, as the third sub menu is so big. If I did a box around all of it, it would leave a lot of space on the screen that would not count as a mouseout, but would still be off the menu. 
 
 
<div id="gen"> 
<table bgcolor="#4D5471"> 
<tr><td width=80 height=20 onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'"><a class="menu" href=http://www.htmlforums.com/archive/index.php/# onClick="javascript

arent.goHome()">Home Page</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'; javascript:check('loc')" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.Site()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Site Map</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'; javascript:showLocList()" 
onMouseout="this.bgColor='#4D5471'"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Locations</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'; javascript:showGen()" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript:showHome(); javascript

arent.goTime()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>About Us</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'"><a class="menu" href=http://www.htmlforums.com/archive/index.php/# onClick="javascript

arent.Job()">Employment</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'"><a class="menu" href=http://www.htmlforums.com/archive/index.php/# onClick="javascript

arent.Partner()">Partner Links</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'"><a class="menu" href=http://www.htmlforums.com/archive/index.php/# onClick="javascript

arent.Contact()">Contact Us</a></td></tr> 
</table> 
</div> 
 
<div id="loc"> 
<table bgcolor="#4D5471"> 
<tr><td width=80 height=20 onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'"><a class="menu" href=http://www.htmlforums.com/archive/index.php/# onClick="javascript

arent.goMRImap()" onMouseOver="javascript:showLocList(); javascript:showMRIlist()">MRI</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'; javascript:showLocList(); javascript:showlist()" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goCTmap()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>CT</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'; javascript:showLocList(); javascript:showSSlist()" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goSSmap()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>SS</a></td></tr> 
</table> 
</div> 
 
<div id="mriloc"> 
<table bgcolor="#4D5471"> 
<tr><td width=80 height=20 onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIbo()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 1</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIbr()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 2</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIca()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 3</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIda()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 4</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIfi()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 5</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIgr()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 6</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIle()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 7</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIne()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 8</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIne()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 9</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIsp()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 10</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIwa()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 11</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIwe()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 12</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIwo()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 13</a></td></tr> 
<tr><td onMouseover="this.bgColor='0084a5'" 
onMouseout="this.bgColor='#4D5471'" onClick="javascript

arent.goMRIya()"><a class="menu" href=http://www.htmlforums.com/archive/index.php/#>Place 14</a></td></tr> 
</table> 
</div>

Working with menu

autopost

Guest