Navigation doesn't work in Internet Explorer
1) Script Title: Jim's DHTML Menu v5.7
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...menu/index.htm
3) Describe problem: Navigation works great in all browsers except Internet Explorer.
The website I'm trying to get this script to work with is - www.form-x.com. It works great in all the browsers except IE9. Any help would be greatly appreciated. I'm only an advanced beginner at this and I've read all the prior forums on this and tried everything there but had no success.
THE HTML CODE I HAVE IS ....
[CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form-X Inc, Anaheim, CA</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon.js"></script>
<script src="TeXGyreAdventor_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1'); // Works without a selector engine
Cufon.replace('#menu li a'); // Works without a selector engine
</script>
<script type="text/javascript" src="slides.min.jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#slider').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
auto: 2000,
hoverPause: true,
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
</script>
<link rel="stylesheet" href="global.css" />
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="960.css" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="includes/browser.js">
/***********************************************
* Jim's DHTML Menu v5.7- © Jim Salyer (jsalyer@REMOVETHISmchsi.com)
* Visit Dynamic Drive: http://www.dynamicdrive.com for script and instructions
* This notice must stay intact for use
***********************************************/
</script>
<script type="text/javascript" src="config.js"></script>
<style type="text/css">
<!--
a:hover {
color: #00FFFF;
}
.style1 {
font-size: 16px
}
-->
</style>
</head>
<body onload="init()">
<form id="form1" method="post" action="">
</form>
<div class="container_12">
<div id="header-pages" class="grid_12">
<div id="logo" class="grid_4 alpha"><a href="index.htm"><img src="images/form-x-logo-standard-small.jpg" alt="" /></a></div>
<div id="menu" class="grid_8 omega">
<ul class="style1" id="nav">
<li><a href="index.htm" >Home</a></li>
<li><a href="about2.htm" >About</a></li>
<li><a href="services.htm" >Services </a></li>
<li><a href="portfolio.htm">Portfolio</a></li>
<li class="last"><a href="contact.htm" class="active">Contact</a> </li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="main-section">
<div class="container_12 ">
<div id="sidebar" class="grid_3">
<h1> </h1>
<ul>
</ul>
<h1> </h1>
<ul>
</ul>
<p> </p>
</div>
<!-- Main Section -->
<div class="main-section">
<div class="container_12 ">
<div class="grid_6">
<h1>Our Offices</h1>
<p><strong>Form-X Inc </strong><br />
2031 E. Cerritos, Ave. #7H,<br />
Anaheim, CA 92806 </p>
<p> Office Tel: <span dir="ltr" tabindex="-1" onmouseover="SkypeClick2Call.MenuInjectionHandler.showMenu(this, event)" onmouseout="SkypeClick2Call.MenuInjectionHandler.hideMenu(event)" skype_menu_props="{'numberToCall':'+17145171954' , 'isFreecall':false, 'isMobile':false, 'isRtl':false}"><span dir="ltr" skypeaction="skype_dropdown">(714) 517-1954</span></span>* </p>
<p> Fax No: (714) 991-9699 </p>
<p> Email: <a href="mailto:sales@form-x.com">sales@form-x.com</a></p>
<p><a href="https://maps.google.com/maps?f=q&hl=en&geocode=&q=2031+E.+Cerritos+Ave.,+Suite+7H,+Anaheim,+CA+92806&sll=37.0625,-95.677068&sspn=35.631106,19.160156&ie=UTF8&ll=33.81966,-117.8827&spn=0.017436,0.028496&z=14&g=2031+E.+Cerritos+Ave.,+Suite+7H,+Anaheim,+CA+92806&iwloc=addr&source=embed"><img src="images/map.gif" alt="map to offices" class="map frame" /> </a></p>
<p> </p>
<blockquote>
<p> </p>
</blockquote>
<p> </p>
<p><img src="images/building2.JPG" alt="" width="469" height="239" /></p>
<p> </p>
</div>
<div class="grid_6">
<h1> </h1>
</div>
</div>
<div class="clear"></div>
</div>
<!-- End of Main Section -->
<p> </p>
</div>
<div class="clear"></div>
</div>
</div>
<div align="center"><span class="testimonial-message style4">"Form-X can do what the competition can't!”</span></span></div>
</div>
<div class="grid_3"></div>
<div align="center"><span class="style4"></span>
</div>
</div>
</div>
<div class="clear"></div>
<div id="tail">
<div class="container_12">Copyright © FORM-X, INC. 2008 All Rights Reserved • Developed by <a href="http://www.itracyconsulting.com" target="_NEW">iTracy Consulting</a> • 2012 • Best Viewed In <a href="https://www.google.com/intl/en/chrome/browser/" target="_NEW">Google Chrome</a></div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
[ICODE]
The browers.cs code I have is...
[CODE]//---- Set this variable only! ----
var buildDir = "includes/";
//---------------------------------
var ie4 = false, ie5_mac = false, ie55 = false;
var nn4 = false, dom = false, opera = false, safari = false;
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf("opera") != -1)
opera = true;
else if (agent.indexOf("safari") != -1)
safari = true;
else if (document.all)
{
var version = parseFloat(agent.substr(agent.indexOf("msie")+5, 3));
if (agent.indexOf("mac") != -1 && version >= 5)
ie5_mac = true;
else
{
if (version >= 9){
dom = true;
}
else if (version >= 5.5)
ie55 = true;
else if (version >= 4)
ie4 = true;
}
}
//else if (document.layers)
else if (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4 &&
parseInt(navigator.appVersion) < 5)
nn4 = true;
else if (document.getElementById)
dom = true;
var blank = new Image();
blank.src = buildDir + "blank.gif";
if (ie4)
document.write('<script type="text/javascript" src="' + buildDir + 'ie4-build.js"></script>');
else if (ie5_mac)
document.write('<script type="text/javascript" src="' + buildDir + 'ie5m-build.js"></script>');
else if (ie55)
document.write('<script type="text/javascript" src="' + buildDir + 'ie55-build.js"></script>');
else if (nn4)
document.write('<script type="text/javascript" src="' + buildDir + 'ns4-build.js"></script>');
else if (dom)
document.write('<script type="text/javascript" src="' + buildDir + 'dom-build.js"></script>');
else if (opera)
document.write('<script type="text/javascript" src="' + buildDir + 'op7-build.js"></script>');
else if (safari)
document.write('<script type="text/javascript" src="' + buildDir + 'saf-build.js"></script>');
else
{
alert("Your browser doesn't support this script.");
location.href = buildDir + "upgrade.html";
document.write('<script type="text/javascript" src="' + buildDir + 'no-build.js"></script>');
}
[ICODE]
Thank you so much for any help you can give me!
CSS Codes
Reply With Quote
Bookmarks