mouse over tabs menu not showing sub menus in IE6

**wickedweapon** · 01-20-2009, 06:22 PM

1) Script Title: mouseovertabs.js

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex1/mouseovertabs.htm

3) Describe problem: I'm using this script on my asp.net page but it does not load sub menus in IE6 (works fine in fire fox) and keeps showing loading sub menu contents.....

but when I open thie script URL on DD in IE6 it works fine.I don't know what the problem is.Please help as I'm on a deadline.I'm putting the HTML code here :

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserCreation.aspx.cs" Inherits="iReporter.UserCreation"%>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Express News - iExpress</title>
    <style type="text/css">
<!--
.style1 {	color: #F90014;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.style8 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
.style9 {font-size: 24px}
-->
</style>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../css/mouseovertabs.css" />

<script src="../js/mouseovertabs.js" type="text/javascript">

/***********************************************
* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div style="margin: 0px auto;text-align:center">
        
                <table style="height:700px">
            <tr>
                <td style="height: 112px"><img src="images/banner.jpg" width="769" height="111" id="IMG1" /></td>
                <td width="1" style="height: 112px"><img src="images/spacer.gif" width="1" height="112" alt="" /></td>
            </tr>
            <tr>
                <td colspan="2">
                        <div id="mytabsmenu" class="tabsmenuclass">
        <ul>
        <li><a href="http://www.javascriptkit.com" rel="gotsubmenu[selected]">JavaScript Kit</a></li>
        <li><a href="http://www.cssdrive.com" rel="gotsubmenu">CSS Drive</a></li>
        <li><a href="http://www.codingforums.com">No Sub Menu</a></li>
        </ul>
        </div>

<div id="mysubmenuarea" class="tabsmenucontentclass" style="width:100%">

<!--1st link within submenu container should point to the external submenu contents file-->
<a href="../js/submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>

</div>  
<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)

</script>
                </td>
            </tr>
            <tr>
                
            <td height="42" colspan="2" bgcolor="#F30514" class="style8"><div style="margin: 0px auto;text-align:center" class="style9">Create User</div></td>
          </tr>
           
            <tr>
                <td colspan="2">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                    <table>
                        <tr>
                            <td colspan="2">
                                &nbsp;<table id="tb">
                                    <tr align="left">
                            <td>
                                <asp:Label ID="lblUserName" runat="server" Text="User Name"></asp:Label>
                            </td>
                            <td>
                                
                            </td>
                        </tr>
                                    <tr align="left">
                            <td>
                                                            </td>
                            <td>
                                                            </td>
                        </tr>
                                    <tr align="left">
                            <td>
                                
                            </td>
                            <td>
                                
                                        
                            </td>
                        </tr>
                                    <tr align="left">
                            <td>
                                
                            </td>
                            <td>
                                
                            </td>
                        </tr>
                        <tr align="left">
                            <td>
                                
                            </td>
                            <td>
                                
                            </td>
                        </tr>
                                    <tr align="left">
                            <td colspan="2">
                            <br />
                                                                
                            </td>
                            
                        </tr>
                        <tr>
                            <td colspan="2"><br />
                               </td>
                        </tr>
                                    
                                                        <tr>
                            <td colspan="2"><br />
                                
                            </td>
                        </tr>
                    </table>
                    
                    </ContentTemplate>
        </asp:UpdatePanel>
                </td>
                   
            </tr>
            
            <tr>
               <td valign="bottom"><div style="margin: 0px auto;text-align:center"><img src="images/index_11.jpg" width="769" height="112" /></div></td>
            </tr>
        </table>
            
    </div>
    </form>
</body>
</html>

**ddadmin** · 01-21-2009, 05:39 AM

Are you viewing your site online in IE (versus a local copy on your PC)? Also, for the path to the menu:

Code:

<a href="../js/submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>

Try saving "submenucontents.htm" to the same directory as where the menu page itself is, and modify the path to just:

Code:

<a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>

to see if that changes anything.

**wickedweapon** · 01-21-2009, 05:57 AM

I'm viewing a local copy on my PC and changing the directory of submenucontents.htm doesn't help either.

**ddadmin** · 01-21-2009, 06:01 AM

In IE6, Ajax may not work properly when the page is viewed offline. Have you tried uploading the page (plus the sub menu page) online and see if that works?

Thread: mouse over tabs menu not showing sub menus in IE6

Thread Tools

Search Thread

mouse over tabs menu not showing sub menus in IE6

Bookmarks

Bookmarks

Posting Permissions