radmenu and onmouseover

2 posts, 0 answers
  1. rod
    rod avatar
    10 posts
    Member since:
    Nov 2006

    Posted 12 Aug 2009 Link to this post

    Hello,

    I´m having the strangest behaviour on my page. 
    I insert a radmenu on my page and I alredy had a div highlight (onmouseover) on the page.
    Everytime I highlight the div the radmenu disappear. 

    I´m using ie 6. 

    Thanks,

    Rod
  2.
  3. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 14 Aug 2009 Link to this post

    Hi Rod,

    I am not sure whether the RadMenu is inside the div or not. I tried to implement the same scenario on my end and RadMenu is behaving as expected. Here is the code which i tried on my end. Also can you specify which version of the RadMenu are you using.

    ASPX:
     
     <div style="width: 30px; border: solid 1px black" onmouseover="Hover(this);" onmouseout="MouseOut(this);" > 
                    Hello  
                </div> 
                <telerik:RadMenu ID="RadMenu1" runat="server"> 
                    <Items> 
                        <telerik:RadMenuItem Text="Menu1"> 
                            <Items> 
                                <telerik:RadMenuItem Text="ChildItem1"> 
                                </telerik:RadMenuItem> 
                                <telerik:RadMenuItem Text="ChildItem2"> 
                                </telerik:RadMenuItem> 
                            </Items> 
                        </telerik:RadMenuItem> 
                        <telerik:RadMenuItem Text="Menu2"> 
                         <Items> 
                                <telerik:RadMenuItem Text="ChildItem1.1"> 
                                </telerik:RadMenuItem> 
                                <telerik:RadMenuItem Text="ChildItem2.2"> 
                                </telerik:RadMenuItem> 
                            </Items> 
                        </telerik:RadMenuItem> 
                    </Items> 
                </telerik:RadMenu> 

    JS:
     
    <script type="text/javascript"> 
      function Hover(sender) 
      { 
       var div=sender; 
       div.style.backgroundColor="Red"; 
      }  
       
      function MouseOut(sender) 
      { 
       var div=sender; 
       div.style.backgroundColor=""; 
      } 
    </script> 


    Princy
Back to Top