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, 2007

      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.