Loading ...
Sorry, an error occurred while loading the content.

menu not showing up in IE7 iframe

Expand Messages
  • Mogyorosi Istvan
    Hello, I m stuck with my project rendering menu in IE7. It s just doesn t show up. The same script works in firefox 2, but nothing in IE. The only thing I see
    Message 1 of 1 , Jul 3 10:14 AM
    • 0 Attachment

      Hello,

      I'm stuck with my project rendering menu in IE7. It's just doesn't show up. The same script works in firefox 2, but nothing in IE.
      The only thing I see at IE7 javascript error console is :
      Line: 5907
      Character: 29
      Code: 0
      The object does not support this method or property..


      My page header includes the following:
        <script language="javascript" type="text/javascript" src="../js/datetimepicker.js"> </script>      
       <script src="../js/prototype.js" type="text/javascript"></script>                                                                                                                                       <link rel="stylesheet" type= "text/css" href="../css/button.css">                                    <script src="../js/tooltip2.js" type="text/javascript"></script>                                     <link rel="stylesheet" type="text/css" href="../../build/reset/reset.css">                           <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts.css">                         
              <!-- CSS for Menu -->                                                                                <link rel="stylesheet" type="text/css" href="../../build/menu/assets/menu.css">                      <!-- Page-specific styles -->                                                                        <style type="text/css">                                                                                  body { margin:.5em; background-color:transparent; }                                                  div.yuimenu {                                                                                            position:absolute;                                                                                   visibility:hidden;                                                                               }                                                                                        
              </style>                                                                                                     <!-- Namespace source file -->                                                               <script type="text/javascript" src="../../build/yahoo/yahoo.js"></script>                            <!-- Dependency source files -->                                                                     <script type="text/javascript" src="../../build/event/event.js"></script>                            <script type="text/javascript" src="../../build/dom/dom.js"></script>                                <!-- Container source file -->                                                                       <script type="text/javascript" src="../../build/container/container_core.js"></script>               <!-- Menu source file -->                                                                            <script type="text/javascript" src="../../build/menu/menu.js"></script>          


      And here's the menu code:

               YAHOO.example.onMenuReady = function() {                                                 
                                                                                                                          var oMenu = new YAHOO.widget.Menu("menuwithgroups",{ fixedcenter: true } );                                                                                                            
                      oMenu.render();                                                                      
                      oMenu.showEvent.subscribe(function() {                                                                                                                                                  
                          this.focus();                                                                                                                                                                       
                      });                                                                                  
                      oMenu.getItem(0,2).cfg.setProperty("disabled", true);                               
                      oMenu.getItem(1,2).cfg.setProperty("disabled", true);                              
                      oMenu.getItem(0,3).cfg.setProperty("disabled", true);                              
                      oMenu.getItem(1,3).cfg.setProperty("disabled", true);                                
                                                                                                         
                      YAHOO.util.Event.addListener("menutoggle", "click", oMenu.show, null, oMenu);                                                                                                             
                  };                                                                                                                                                                                   
                  YAHOO.util.Event.onContentReady("menuwithgroups", YAHOO.example.onMenuReady);           
                  var onMediaClick = new YAHOO.util.CustomEvent(onMediaClick);                             
                  onMediaClick.subscribe(function()  { document.getElementById("menutoggle").click();return false; });


      I already played with Z-index values but didn't helped.

    Your message has been successfully submitted and would be delivered to recipients shortly.