How do you make a .net menu control display when you mouseover an unrelated image.

Have a visual studio menu control on a page.  Elsewhere on the page I have a graphic.  I want to cause the menu control to act as though it is being moused over when I mouseover the graphic.  Does anyone know how to do this with javascript or an area map or anything?

Here is the html for the menu control on my page.

<div id="mnuTax" >
     <asp:Menu ID="mnuTaxX" runat="server" BorderColor="Transparent" Font-Bold="True" BackColor="Transparent" datasourceid="SiteMapDataSourceTax" DynamicHoverStyle-BorderWidth="1px" DynamicHoverStyle-Font-Names="verdana, arial" DynamicMenuItemStyle-BorderColor="Black" DynamicMenuItemStyle-BorderStyle="Solid" DynamicMenuItemStyle-BorderWidth="1px" DynamicMenuItemStyle-Font-Names="verdana, arial" ItemWrap="false" MaximumDynamicDisplayLevels="5" DynamicHoverStyle-Font-Size="9pt" DynamicMenuItemStyle-Font-Size="9pt" DynamicMenuStyle-Font-Size="9pt" DynamicSelectedStyle-Font-Size="9pt" Font-Size="9pt" StaticHoverStyle-Font-Size="9pt" StaticMenuStyle-Font-Size="9pt" StaticSelectedStyle-Font-Size="9pt" Font-Names="Verdana" DynamicMenuItemStyle-ForeColor="Black" DynamicMenuStyle-BackColor="White" DynamicSelectedStyle-ForeColor="Black" DynamicSelectedStyle-BackColor="White" StaticHoverStyle-BackColor="Transparent" StaticHoverStyle-ForeColor="Transparent" StaticMenuItemStyle-ForeColor="Transparent" DynamicHoverStyle-BackColor="White" DynamicHoverStyle-ForeColor="Black" DynamicMenuStyle-ForeColor="black" ForeColor="Transparent" StaticSubMenuIndent="1px" Visible="true" height="25px" Width="45px" StaticMenuStyle-VerticalPadding="0" StaticEnableDefaultPopOutImage="false" SkipLinkText="">
        <StaticMenuStyle BackColor="Transparent" BorderColor="Transparent" Font-Size="9pt" VerticalPadding="0px" />
        <StaticMenuItemStyle BackColor="Transparent" BorderColor="Transparent" ForeColor="White" HorizontalPadding="1px"
            VerticalPadding="2px" />
        <DynamicHoverStyle BackColor="White" BorderColor="#CCCCCC" BorderWidth="1px" Font-Names="verdana,arial"
            Font-Size="9pt" ForeColor="Black" />
        <DynamicMenuStyle BackColor="#CCCCCC" BorderColor="DarkGray" Font-Size="9pt" ForeColor="Black" />
        <StaticSelectedStyle BackColor="White" Font-Size="9pt" ForeColor="Transparent" />
        <DynamicSelectedStyle BackColor="White" BorderColor="DarkGray" Font-Size="9pt" ForeColor="Black" />
        <DynamicMenuItemStyle BackColor="#CCCCCC" BorderColor="DarkGray" BorderStyle="Solid"
            BorderWidth="1px" Font-Names="verdana,arial" Font-Size="9pt" ForeColor="Black"
            HorizontalPadding="4px" VerticalPadding="2px" />
        <StaticHoverStyle BackColor="Transparent" BorderColor="DarkGray" Font-Size="9pt" ForeColor="White" />
    </asp:Menu>  
    </div>
audExpertAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Michel PlungjanIT ExpertCommented:
You mean something like (I am totally guessing from the mess you posted)

<img
onMouseOver="document.getElementById('mnuTaxX').style.backgroundColor='white';
document.getElementById('mnuTaxX').style.color='black'">
onMouseOut="document.getElementById('mnuTaxX').style.backgroundColor='black';
document.getElementById('mnuTaxX').style.color='white'">
audExpertAuthor Commented:
When you mouse over a .net 2.0 menu control it launches the control's self created javascript.  Specifically it calls a function Menu_HoverStatic that control, I think.  I basically want to call that function from a certain image on my page with the hope that it will cause the .net menu control to expand.

You pointed out to me that you are doing a getElementById for the menu control.  I suppose once I got the element I could somehow execute a method that would cause it's mouseover event.  I'm not sure how you would do this.  Good thought though.  I wasn't thinking that you could retrieve a server control like you would a javascript element.  If you know how to retrieve the item with getElementById and then cause it to execute the mouseover, please advise.
audExpertAuthor Commented:
This worked.  Points to me.

I added this on the image I want to activate the menu control's drop down.  The trick was finding the ctl00_ name.  

onmouseover="MnuExpand('ctl00_mnuPyrlX');" onmouseout="MnuCollapse('ctl00_mnuPyrlX');"

Then I added the following script in my page.

<script language=Javascript>
    //Place after the creation of the menu controls on the page.
    function MnuExpand(strItem) {
        var obj;
        obj = document.getElementById(strItem);          
        Menu_HoverStatic(obj);
    }
    function MnuCollapse(strItem) {
        var obj;
        obj = document.getElementById(strItem);          
        Menu_Unhover(obj);
    }
    </script>

To my own surprise it worked.
   
Michel PlungjanIT ExpertCommented:
Great... Please ask for a close (PAQ) and refund
Computer101Commented:
PAQed with points refunded (500)

Computer101
Community Support Moderator

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.