JavaScript working in IE but not in Firefox

#1
sakishrist

Posted 22 May 2008 - 10:33 AM

Programmer

Members
109 posts

Hello, I decided to begin learning some JS so my level is 'beginner', and now I faced a strange problem: my script works in IE (even if it first asks me to allow it) but it doesn't in firefox. Here is the script.

<html>


<head>

<style type='text/css'>

TH {text-align:right};SPAN {vertical-align:bottom};

</style>

<script language='JavaScript'>

var fifteenth = new Date();var sixteenth = 6;var seventeenth = 3;

function eighteenth() {	with(document.all) {		nineteenth.style.setExpression('width','fifteenth.getHours() * sixteenth * seventeenth','jscript');		twentieth.setExpression('innerHTML','fifteenth.getHours()','jscript');		first2.style.setExpression('width','fifteenth.getMinutes() * sixteenth','jscript');		second2.setExpression('innerHTML','fifteenth.getMinutes()','jscript');		third2.style.setExpression('width','fifteenth.getSeconds() * sixteenth','jscript');		fourth2.setExpression('innerHTML','fifteenth.getSeconds()','jscript')    }		fifth2();}

function fifth2() {	fifteenth = new Date();	document.recalc();	setTimeout('fifth2()',1000);}window.onload=eighteenth;

</script>




<title></title>


</head>


<body>



<TABLE BORDER=0><TR>	<TH>Hours:</TH>	<TD>

<SPAN ID='nineteenth' STYLE='background-color:red'></SPAN> 

<SPAN ID='twentieth'></SPAN></TD></TR><TR>

<TH>Minutes:</TH>	<TD>

<SPAN ID='first2' STYLE='background-color:yellow'></SPAN> 

<SPAN ID='second2'></SPAN></TD></TR><TR>

<TH>Seconds:</TH>	<TD>

<SPAN ID='third2' STYLE='background-color:#00FF40'></SPAN> 

<SPAN ID='fourth2'></SPAN></TD></TR></TABLE>

</body>


</html>

If I'm right firefox did not accept this: STYLE='background-color:red'
I got to this conclusion because I did some tests with the lines that have 'STYLE' (but I first deleted everything else to make sure it is not affected by the JScript) and IE accepts them but firefox does not show any colored areas at all.

#2
acwclassic

Posted 22 May 2008 - 12:20 PM

Newbie

Members
25 posts

in firefox chose "preferences" then "web settings" and there you can enable javascript aswell as java.
and javascript isnt the same as java which is a high level programming language.
http://forum.codecal...javascript-css/

#3
WingedPanther

Posted 22 May 2008 - 02:00 PM

A spammer's worst nightmare

Moderators
16,831 posts

I get the following errors:
nineteenth.style.setExpression is not a function
Non-standard document.all property was used. Use W3C standard document.getElementById() instead.

Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

#4
CygnetGames

Posted 01 June 2008 - 04:14 AM

Programmer

Members
119 posts

One way to get around some of the incompatibilities between browsers (and make writing code easier) is to use a library like iQuery. While you might want to use document.all in IE, but document.getElementById() in FireFox, jQuery will work out for you which to use - you just use a single jquery function and your code works on different browsers.

My fun, friendly online games website: Cygnet Games
My Squidoo page on Cygnet Games.