Log in

View Full Version : 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 :







<%@ 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:


<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:


<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?