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

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 Post Reply

1551

pbmods

5,821

Expert 4TB

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=javascript]
JavaScript code goes here.
[/CODE]

Sep 28 '07 #2

gits

5,390

Expert Mod 4TB

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

Expert Mod 8TB

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.getElementById. 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

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

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

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.getElementById. 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

Expert 4TB

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

Expert Mod 8TB

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

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

Muir

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.

Acoder, I definitely do not want to limit the reach and effectiveness of the site or what we want to present by offering something that is nearly obsolete. I will utilize your suggestions, and see how it turns out.

Thank you for your assistance.

Sincerely,
Muir

Oct 1 '07 #11

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

HTML / CSS

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

Javascript

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

Javascript

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

Javascript

Basic concepts of WebLogic Admin training?

by: Naresh1 | last post by:

What is WebLogic Admin Training? WebLogic Admin Training is a specialized program designed to equip individuals with the skills and knowledge required to effectively administer and manage Oracle...

Oracle Database

Hyperconverged All-in-One Streaming Engine, ushering in new age for distributed database

by: antdb | last post by:

Ⅰ. Advantage of AntDB: hyper-convergence + streaming processing engine In the overall architecture, a new "hyper-convergence" concept was proposed, which integrated multiple engines and...

General

by: WisdomUfot | last post by:

It's an interesting question you've got about how Gmail hides the HTTP referrer when a link in an email is clicked. While I don't have the specific technical details, Gmail likely implements measures...

General

One of the easiest ways to set the background color of Excel documents in Java

by: Carina712 | last post by:

Setting background colors for Excel documents can help to improve the visual appeal of the document and make it easier to read and understand. Background colors can be used to highlight important...

General

Join our open community on Discord to learn programming, SEO, and marketing

by: BLUEPANDA | last post by:

At BluePanda Dev, we're passionate about building high-quality software and sharing our knowledge with the community. That's why we've created a SaaS starter kit that's not only easy to use but also...

General

Problems to capture mouse_down event on a control within a form with lots of controls

by: Ricardo de Mila | last post by:

Dear people, good afternoon... I have a form in msAccess with lots of controls and a specific routine must be triggered if the mouse_down event happens in any control. Than I need to discover what...

Microsoft Access / VBA

Hide Labels depending on checkbox value

by: ezappsrUS | last post by:

Hi, I wonder if someone knows where I am going wrong below. I have a continuous form and two labels where only one would be visible depending on the checkbox being checked or not. Below is the...

Microsoft Access / VBA

hello, Is there code or static lib for hook swapchain present?

by: jack2019x | last post by:

hello, Is there code or static lib for hook swapchain present? I wanna hook dxgi swapchain present for dx11 and dx9.

C / C++

In Access - History for each User

by: F22F35 | last post by:

I am a newbie to Access (most programming for that matter). I need help in creating an Access database that keeps the history of each user in a database. For example, a user might have lesson 1 sent...

Microsoft Access / VBA

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

Similar topics