[Javascript] Netscape 6 problems

Weber, Michael MWeber at leasedirect.com
Wed Jul 25 14:54:07 CDT 2001


Laurent, your suggestion does help to tighten my code.
But the problem remains the same.  My top nav buttons are disappearing on me
in NN6

Mike

Michael Weber
Web Designer
Marketing Department
De Lage Landen
(610) 386-5000 ext 3362
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.

* * * * * * * * * 



> -----Original Message-----
> From: Muchacho, Laurent (TWIi London) [mailto:LMuchacho at twii.net]
> Sent: Wednesday, July 25, 2001 2:08 PM
> To: 'javascript at LaTech.edu'
> Subject: RE: [Javascript] Netscape 6 problems
> 
> 
> 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
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> http://www.LaTech.edu/mailman/listinfo/javascript
> 



More information about the Javascript mailing list