This script works in IE. How to port to Netscape, Firefox, Opera?

6 New Member

I am needing, and would appreciate expert assistance for a Javascript program that I am using in a Website. The script is a Text and Image Fader, which only works on IE, but what I am trying to do is get it to work across the NS, FF and OPR browsers. What I have done is added global variables at the beginning of the existing script, however, I am not sure where to go from there. Even though the script is not showing any errors, and is still working in IE with the added code, I know there still needs to be a reference within the script to call the variables, but I am not sure how to add them.

I am providing the full code below for the script. This is not time sensitive, however, I am hoping that I can receive a response back in 3 days.

Expand|Select|Wrap|Line Numbers

 
<html>
 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>Wear Gear Text Fader</title>
 
<SCRIPT LANGUAGE="JavaScript">

Expand|Select|Wrap|Line Numbers

 
<!-- Begin

var isDOM = (document.getElementById ? true : false);

var isIE4 = ((document.all && !isDOM) ? true : false);

var isNS4 = (document.layers ? true : false);

function getRef(id) {

if (isDOM) return document.getElementById(id);

if (isIE4) return document.all[id];

if (isNS4) return document.layers[id];

}

function getSty(id) {

return (isNS4 ? getRef(id) : getRef(id).style);

}
 
// add as many or as few messages as you would like

var msg=new Array()

msg[0]="<CENTER>You can see more scripts like this one...</CENTER>";

msg[1]="<CENTER>...when you visit the JavaScript Source.</CENTER>";

msg[2]="<CENTER>Just type in \"<A href='http://javascript.internet.com/'>javascript.internet.com</A>\"</CENTER>";

msg[3]="<CENTER>Your computer can handle the rest.</CENTER>";
 
// set your first set of colors.  Use as many or as few as you wish.

var colors1=new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff",

"8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff")
 
//set your second set of colors

// *** must have exactly the same number of colors as the array above ***

var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999",

"ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000")
 
//set the height of the display in pixels

high=60;
 
//set the width of the display in pixels

wide=350;
 
//set the pixel coordinates for the upper left hand corner of the display

Xpos=220;

Ypos=180;
 
// move the display away from the edges of the background

pad=15;
 
// set the background color of the display

bgcol="ffffff";
 
//add a background image if you want.

// *** for no image, just leave empty quotes (ex. cellbg=""; ) ***

cellbg="faderbg.jpg";
 
// set the font

fntFam="verdana,helvetica,arial";

fntSize=14;
 
// set how how many seconds you want the message to stay remain at totality.

pause=2.5;
 
// Do not edit these values below!!!
 
icolor=0;

mcolor=1;

imsg=0;

spWidth=wide-(2*pad);

totality=false;

glowing=true;

var theMsg="";

var cellcontent="";

pause=pause*1000;

if(cellbg.length>4){cellbg=" background="+cellbg}

else{cellbg="";}
 
function doPause(){

   totality=false; t=setTimeout("changecolor()",pause);

   }

function initiate(){

   getContentColor();

   getMsg();

   getCellContent();

   if(document.all){

   msgbg.innerHTML=cellcontent;

   msgfade.innerHTML=theMsg;

   msgbg.style.posLeft=Xpos;

   msgbg.style.posTop=Ypos;

   msgfade.style.posLeft=Xpos+pad;

   msgfade.style.posTop=Ypos+pad;

   t=setTimeout("changecolor()",50);}

   if(document.layers ? true : false){

   document.msgbg.document.write(cellcontent);

   document.msgbg.document.close();

   document.msgfade.document.write(theMsg);

   document.msgfade.document.close();

   document.msgbg.left=Xpos;

   document.msgbg.top=Ypos;

   document.msgfade.left=Xpos+pad;

   document.msgfade.top=Ypos+pad;

   t=setTimeout("changecolor()",100);}

   }

function changecolor(){

   if(totality==true){doPause();}

   else{

   getMsg();

   getContentColor();

   if(document.all){

   msgfade.innerHTML=theMsg;

   t=setTimeout("changecolor()",50);}

   if(document.layers){

   document.msgfade.document.write(theMsg);

   document.msgfade.document.close();

   t=setTimeout("changecolor()",70);}

   }

   }

function getFadeColor(){

   icolor=icolor-1;

   if(mcolor==1){contentcolor=colors1[icolor];}

   else{contentcolor=colors2[icolor];}

   }

function getGlowColor(){

   icolor=icolor+1;

   if(mcolor==1){contentcolor=colors1[icolor];}

   else{contentcolor=colors2[icolor];}

   }

function changemsg(){

   if(imsg==msg.length-1){imsg=0; mcolor=1;}

   else if(imsg != msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;}

   else{imsg=imsg+1; mcolor=1;}

   }

function getContentColor(){

   if(icolor==colors1.length-1 && glowing==true){

   getFadeColor(); glowing=false; totality=true;}

   else if(icolor < colors1.length && glowing==true){

   getGlowColor();}

   else if(icolor < 1 && glowing==false){changemsg(); getGlowColor(); glowing=true;}

   else{getFadeColor();}

   }

function getMsg() {

   theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+"; width:"+spWidth+";'>"

   theMsg+="<B><font color="+contentcolor+">"+msg[imsg]+"</font></B> "

   theMsg+="</span>"

   }

function getCellContent(){

   cellcontent="<TABLE height="+high+

   " width="+wide+" bgcolor="+bgcol+" cellpadding=0 cellspacing=0><TR><TD"+cellbg+"> </TD></TR></TABLE>"}
 
//  End -->

Expand|Select|Wrap|Line Numbers

 
</script>
 
</head>
 
<BODY onLoad="initiate()">
 
<DIV id=msgbg style="position: absolute;"></DIV>

<DIV id=msgfade style="position: absolute;"></DIV>
 
</body>
 
</html>

Thank you in advance for your efforts, and I look forward to your expertise in this matter and will credit your contribution within the script.

Sincere regards,
Michael M.

Sep 28 '07 #1

Subscribe Reply

1637

pbmods

5,821

Recognized Expert Expert

Heya, Muir. Welcome to TSDN!

Changed thread title to better describe the problem (did you know that threads whose titles do not follow the Posting Guidelines actually get FEWER responses?).

Please use CODE tags when posting source code:

[CODE=javascrip t]
JavaScript code goes here.
[/CODE]

Sep 28 '07 #2

gits

5,390

Recognized Expert Moderator Expert

hi ...

moved from the js-articles section to the forum ... please don't post questions in the articles sections ...

kind regards

Sep 28 '07 #3

acoder

16,027

Recognized Expert Moderator MVP

You're using document.all and document.layers . That sort of testing is 10 years old when IE4 and NS4 were battling it out.

Use document.getEle mentById. It is supported in all modern browsers. Get rid of references to 'all' and 'layers' and have one set of code for all browsers.

Sep 28 '07 #4

Muir

New Member

hi ...

moved from the js-articles section to the forum ... please don't post questions in the articles sections ...

kind regards

Thank you, gits, for the heads-up.

Muir

Sep 28 '07 #5

Muir

New Member

Heya, Muir. Welcome to TSDN!

Changed thread title to better describe the problem (did you know that threads whose titles do not follow the Posting Guidelines actually get FEWER responses?).

Please use CODE tags when posting source code:

Expand|Select|Wrap|Line Numbers

JavaScript code goes here.

Thank you, pbmods, this is my first time posting (I am a Newbie), and from now on I will try to follow the guidelines.

Muir

Sep 28 '07 #6

Muir

New Member

You're using document.all and document.layers . That sort of testing is 10 years old when IE4 and NS4 were battling it out.

Use document.getEle mentById. It is supported in all modern browsers. Get rid of references to 'all' and 'layers' and have one set of code for all browsers.

Acoder, what about the older browsers? A lot of clients the Website is geared towards may be using older versions. However, I will definitely use the doc.getElement reference, but, how do I accomodate older versions?

Sincere regards,

Muir

Sep 28 '07 #7

drhowarddrfine

7,435

Recognized Expert Expert

Older browsers? Both of those guys? As mentioned, you will probably have a hard time finding anyone using browsers that old. And if you try and support them by using code that old, you are ignoring the majority of your viewers.

Sep 29 '07 #8

acoder

16,027

Recognized Expert Moderator MVP

Acoder, what about the older browsers? A lot of clients the Website is geared towards may be using older versions. However, I will definitely use the doc.getElement reference, but, how do I accomodate older versions?

Older browsers such as IE4 and NS4 are almost extinct. You can degrade gracefully for them if you want, but if you try and provide support for them, you're holding yourself back. All the effort for what gain?

In your code, to make it work in newer browsers, use the part which checks for document.all as your code. Discard the document.layers part because that won't work. In the code that's left, replace "pos*" with the *, e.g. posLeft becomes left.

Make those changes and see if that works.

Sep 29 '07 #9

Muir

New Member

Older browsers? Both of those guys? As mentioned, you will probably have a hard time finding anyone using browsers that old. And if you try and support them by using code that old, you are ignoring the majority of your viewers.

Thank you, drhowarddrfine, and I have come to the conclusion that most definitely you are right. I am trying to accommodate everyone, but the coding can become very ambiguous (creating errors), and unnecessary if I want to reach the majority.

Thanks, again.

Sincerely,
Muir

Oct 1 '07 #10

Similar topics

2341

Is this a bug in firefox or do i have something wrong

by: uberderf | last post by:

I have the following web page setup: http://angels.uberderf.com/glossary.html I have a 2 column table layout which is a glossary of terms and their meanings. When you view this page in firefox the first row displays with a lot of space below the two cells. The rest of the table looks as it was intended to look. This same page viewed in Mozilla looks correct or how it was intended to look. Even IE displays the page as intended.

HTML / CSS

1665

Why this script does not work with Netscape 7.2?

by: zaw | last post by:

Hi I am working on implementing this script to shopping cart. Basically, it copies fill the shipping address from billing automatically. I believe one or more syntax is not netscape compatible. Can anyone point out which one it is and how to make it both netscape and MS browser compatible? I hope if I can make the script compatible for those two at extreme, it will probably work with most browser out there. As you would notice, this form...

Javascript

1528

Form works in IE and Opera, not Firefox nor Netscape

by: Bob | last post by:

I've got a fair amount of Javascript coding that works great in IE and Opera, but is completely ignore in Firefox and Netscape. See: www.bridgemate.net/BeachWatchers/Regis.htm Right after the <FORM NAME="Regis".....tag I have <div onClick='getRadios(document.Regis)'> which sends control to getRadios() when the user clicks anywhere on the

Javascript

1578

Please Help Make This Mozilla Compartible

by: Dayo | last post by:

Hello folks. Sorry if this seems a bit silly, I have no experience with this type of code. Here is a fading script for an Image Gallery I am looking to fix. It works with IE and Safari but not with Firefox and Netscape. Actually, when I say it doesn't work, I mean you have to refresh the page before the fade happens and once that is done once, it works on that image. for that session. Here is the code: // Fade In Script

Javascript

9591

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

9425

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

10225

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10053

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

8880

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

5449

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3969

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3573

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

2816

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General