[Javascript] Netscape 6 problems
Muchacho, Laurent (TWIi London)
LMuchacho at twii.net
Wed Jul 25 13:07:33 CDT 2001
your browser detection it's a bit weird I will use more something like that
ns6 = (document.getElementById&&!document.all)? true:false
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
and the work it's done
Laurent
-----Original Message-----
From: Weber, Michael [mailto:MWeber at leasedirect.com]
Sent: 25 July 2001 18:58
To: 'javascript at LaTech.edu'
Subject: [Javascript] Netscape 6 problems
I am having Netscape 6 problems.
I have a script that works fine in IE and Netscape 4.
I use it in my upper navigation frame on our website www.delagelanden.com
<http://www.delagelanden.com>
The script changes the buttons in the top portion of the nav bar and also
changes a colored bar in bottom nav section.
I am modifying it for NN6, but it still doesn't work. The bottom section
seems to change just fine, but the rollover buttons disappear after going
through the nav bar once.
The code is listed below is the current state of my work -- which is not on
the website yet. It has a test browser feature which test for Netscape 6.
Any help would be appreciated.
The code
<html>
<head>
<script language="JavaScript">
var isNav4 = false;
var isIE4 = false;
var isNN6 = false;
function testBrowser(){
if (document.all) isIE4=true;
else if (document.layers) isNav4=true;
else if (document.getElementById) isNN6=true;
}
function getobj(obj)
{
if (isIE4)
newobj = eval("document.all." + obj + ".style");
else if (isNav4)
newobj = eval("document." + obj);
else if (isNN6)
newobj = eval("document.getElementById('" + obj + "').style");
return newobj
}
function showit(which)
{
var newobj = getobj(which)
newobj.visibility = "visible"
}
function hideit(which)
{
var newobj = getobj(which)
newobj.visibility = "hidden"
}
</script>
<!-- ImageReady Preload Script (tn9.psd) -->
<script LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
b_homero = newImage("images/buttons/b_homero.gif");
b_benero = newImage("images/buttons/b_benero.gif");
b_newsro = newImage("images/buttons/b_newsro.gif");
b_indro = newImage("images/buttons/b_indro.gif");
b_appro = newImage("images/buttons/b_appro.gif");
b_counro = newImage("images/buttons/b_counro.gif");
b_aboutro = newImage("images/buttons/b_aboutro.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
<base target="content">
<meta name="description"
content="De Lage Landen, an international provider of high-quality asset
financing products that enables our partners to achieve increased sales,
profits and market share.">
<meta name="keywords" content="De Lage Landen, Vendor Finance America">
<title>De Lage Landen Top Navigation Bar</title>
</head>
<body BGCOLOR="#FFFFFF" ONLOAD="preloadImages();testBrowser()"
link="#000000"
alink="#666666" vlink="#666666" topmargin="0" leftmargin="0"
bgproperties="fixed">
<div name="main">
<table BORDER="0" CELLPADDING="0" CELLSPACING="0"
style="margin-left: 0; margin-right: 0; margin-top: 0" >
<tr>
<td ROWSPAN="2" valign="middle" align="left"><img
src="images/logos/lo_dllpif.gif"
alt="DLLpif160.gif (3840 bytes)" WIDTH="163" HEIGHT="64"></td>
<td COLSPAN="8" width="488"><img SRC="images/buttons/b_top.gif"
WIDTH="496" HEIGHT="30"></td>
<td ROWSPAN="2" width="105"><img SRC="images/buttons/b_right.gif"
WIDTH="60" HEIGHT="64"></td>
</tr>
<tr>
<!-- one - Home -->
<td width="65"><a target="content" href="html/1_home/co_home.htm"
onClick="showit('one') ; hideit('two') ; hideit('three') ;
hideit('four'); hideit('five') ;
hideit('six') ; hideit('seven') ; hideit('eight') ;
changeImages('b_home', 'images/buttons/b_homero.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_news',
'images/buttons/b_news.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif') ; changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); changeImages('b_about',
'images/buttons/b_about.gif'); return true; "><img
name="b_home" src="images/buttons/b_homero.gif" border="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- two - Benefits -->
<td width="65"><a target="content" href="html/2_Benefits/co_bene.htm"
onClick="showit('two') ; hideit('one') ; hideit('three') ;
hideit('four'); hideit('five') ;
hideit('six') ; hideit('seven') ; hideit('eight') ;
changeImages('b_bene',
'images/buttons/b_benero.gif'); changeImages('b_home',
'images/buttons/b_home.gif');
changeImages('b_news',
'images/buttons/b_news.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif') ; changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); changeImages('b_about',
'images/buttons/b_about.gif');return true;"><img
name="b_bene" src="images/buttons/b_bene.gif" BORDER="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- three - Industries Served -->
<td width="65"><a target="content" href="html/3_Industries/co_ind.htm"
onClick="hideit('one') ; hideit('two') ; showit('three');
hideit('four'); hideit('five') ;
hideit('six') ; hideit('seven') ; hideit('eight') ; changeImages('b_ind',
'images/buttons/b_indro.gif');
changeImages('b_home', 'images/buttons/b_home.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_news',
'images/buttons/b_news.gif') ; changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); changeImages('b_about',
'images/buttons/b_about.gif'); return true;"><img
name="b_ind" src="images/buttons/b_ind.gif" BORDER="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- four - News -->
<td width="65"><a target="content" href="html/4_news/co_news.htm"
onClick="hideit('one') ; hideit('two') ; hideit('three');
showit('four'); hideit('five') ;
hideit('six') ; hideit('seven') ; hideit('eight') ; changeImages('b_news',
'images/buttons/b_newsro.gif');
changeImages('b_home', 'images/buttons/b_home.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif'); changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); changeImages('b_about',
'images/buttons/b_about.gif'); return true;"><img
name="b_news" src="images/buttons/b_news.gif" BORDER="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- five - Online Application -->
<td width="65"><a target="content" href="html/5_Onliapp/co_app.htm"
onClick="hideit('one') ; hideit('two'); hideit('three'); hideit('four');
showit('five') ;
hideit('six') ; hideit('seven') ; hideit('eight'); changeImages('b_app',
'images/buttons/b_appro.gif');
changeImages('b_home', 'images/buttons/b_home.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_news',
'images/buttons/b_news.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif') ; changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); changeImages('b_about',
'images/buttons/b_about.gif');return true;"><img
name="b_app" src="images/buttons/b_app.gif" border="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- six - Countries -->
<td width="65"><a href="html/6_Countries/co_coun.htm" target="content"
onClick="hideit('one') ; hideit('two'); hideit('three'); hideit('four');
hideit('five') ;
showit('six') ; hideit('seven') ; hideit('eight'); changeImages('b_coun',
'images/buttons/b_counro.gif');
changeImages('b_home', 'images/buttons/b_home.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_news',
'images/buttons/b_news.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif') ; changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); changeImages('b_about',
'images/buttons/b_about.gif');return true;"><img
name="b_coun" src="images/buttons/b_coun.gif" border="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- seven - Products and Services -->
<td width="65"><a target="content" href="html/7_Products/co_prod.htm"
onClick="hideit('one') ; hideit('two'); hideit('three'); hideit('four');
hideit('five') ;
hideit('six') ; showit('seven') ; hideit('eight') ; changeImages('b_prod',
'images/buttons/b_prodro.gif');
changeImages('b_home', 'images/buttons/b_home.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_news',
'images/buttons/b_news.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif') ; changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_about',
'images/buttons/b_about.gif'); return true;"><img
name="b_prod" src="images/buttons/b_prod.gif" BORDER="0" WIDTH="65"
HEIGHT="35"></a></td>
<!-- eight - About Us -->
<td width="65"><a target="content" href="html/8_About/co_about.htm"
onClick="hideit('one') ; hideit('two'); hideit('three'); hideit('four');
hideit('five') ;
hideit('six') ; hideit('seven') ; showit('eight') ; changeImages('b_about',
'images/buttons/b_aboutro.gif');
changeImages('b_home', 'images/buttons/b_home.gif');
changeImages('b_bene',
'images/buttons/b_bene.gif'); changeImages('b_news',
'images/buttons/b_news.gif'); changeImages('b_ind',
'images/buttons/b_ind.gif') ; changeImages('b_app',
'images/buttons/b_app.gif'); changeImages('b_coun',
'images/buttons/b_coun.gif'); changeImages('b_prod',
'images/buttons/b_prod.gif'); return true;"><img
name="b_about" src="images/buttons/b_about.gif" border="0" WIDTH="65"
HEIGHT="35"></a></td>
</tr>
</table>
</div>
<!-- Bottom Nav -->
<!-- one -->
<div ID="one"
STYLE="POSITION: absolute; VISIBILITY: visible; TOP: 67; LEFT: 0;
font-family:times; font-size:12px; font-weight: bold"><div
align="center"><center>
<table height="19" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_home9.gif" height="19" width="100%"
align="center"><img
src="images/i_spacer.gif" width="700" height="1"></td>
</tr>
</table>
</center></div></div>
<!-- two -->
<div ID="two" STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT:
0; font-family:times; font-size:12px; font-weight: bold "><div
align="center"><center>
<table height="19" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_bene.gif" height="19" width="100%"
align="center"><img src="images/i_spacer.gif" width="700" height="1"></td>
</tr>
</table>
</center></div></div>
<!-- three -->
<div ID="three"
STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT: 0;
font-family:times;
font-size:12px; font-weight: bold "><div
align="center">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_ind2.gif" height="19"><img
src="images/i_spacer.gif" width="700" height="1" alt="i_spacer.gif (67
bytes)"></td>
</tr>
</table>
</div></div>
<!-- four -->
<div ID="four"
STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT: 0;
font-family:times;
font-size:12px; font-weight: bold "><div
align="center"><center>
<table width="100%" cellspacing="0" cellpadding="0" height="18">
<tr>
<td background="images/buttons/st_how.gif" height="19"><img
src="images/i_spacer.gif" width="100" height="1" alt="i_spacer.gif (67
bytes)"></td>
</tr>
</table>
</center></div></div>
<!-- five -->
<div ID="five"
STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT: 0;
font-family:times;
font-size:12px; font-weight: bold "><div
align="center"><center>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_app.gif" height="19"><img
src="images/i_spacer.gif" width="200" height="1" alt="i_spacer.gif (67
bytes)"></td>
</tr>
</table>
</center></div></div>
<!-- six -->
<div ID="six"
STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT: 0;
font-family:times;
font-size:12px; font-weight: bold "><div
align="center"><center>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_coun.gif" height="19"><img
src="images/i_spacer.gif"
width="300" height="1" alt="i_spacer.gif (67 bytes)"></td>
</tr>
</table>
</center></div></div>
<!--seven -->
<div ID="seven"
STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT: 0;
font-family:times;
font-size:12px; font-weight: bold "><div
align="center"><center>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_proser.gif" height="19"><img
src="images/i_spacer.gif"
width="200" height="1" alt="i_spacer.gif (67 bytes)"></td>
</tr>
</table>
</center></div></div>
<!-- eight -->
<div ID="eight"
STYLE="POSITION: absolute; VISIBILITY: hidden; TOP: 67; LEFT: 0;
font-family:times;
font-size:12px; font-weight: bold "><div
align="center"><center>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="images/buttons/st_about.gif" height="19"><img
src="images/i_spacer.gif"
width="200" height="1" alt="i_spacer.gif (67 bytes)"></td>
</tr>
</table>
</center></div></div>
</body>
</html>
Michael Weber
Web Designer
Marketing Department
De Lage Landen
(610) 386-5000 ext 3362
MWeber at leasedirect.com < mailto:MWeber at leasedirect.com
<mailto:MWeber at leasedirect.com> >
* * * * * * * * *
The information transmitted via this e-mail is intended only for the
person or entity to which it is addressed and may contain confidential
and/or privileged material. Any review, retransmission, dissemination or
other use of, or taking of any action in reliance upon this information
by persons or entities other than the intended recipient is prohibited.
If you receive this in error, please contact the sender and delete the
material from any computer.
* * * * * * * * *
> http://www.LaTech.edu/mailman/listinfo/javascript
<http://www.LaTech.edu/mailman/listinfo/javascript>
>
_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
http://www.LaTech.edu/mailman/listinfo/javascript
More information about the Javascript
mailing list