Firefox JavaScript Console Error: Form1 is not defined

03-01-2005

This "Countdown Timer" code works fine with Ie, but I receive an "Error:
Form1 is not defined" error with Firefox 1.0.0 and 1.0.1.

<body MS_POSITIONING="FlowLayout" onload="InitializeTimer()">
<form name="Form1" method="post" action="test.aspx" id="Form1">

<script language=JavaScript> var mins, secs, timerID = null, timerRunning =
false, delay = 1000; function InitializeTimer() { mins = Form1.tbMins.value;
secs = Form1.tbSecs.value; StopTheClock(); StartTheTimer(); } function
StopTheClock() { if(timerRunning) clearTimeout(timerID); timerRunning =
false; } function display(min, sec) { var disp; if(min<=9) disp=' 0'; else
disp=' '; disp += min + ':'; if(sec<=9) disp += '0' + sec; else disp += sec;
return(disp); } function decrement() { secs--; if(secs == -1) { secs = 59;
mins--; } } function StartTheTimer() { if (mins == 0 && secs == 0) {
document.Form1.hTimer.value = display(mins, secs); self.status =
display(mins, secs); StopTheClock(); } else { document.Form1.hTimer.value =
display(mins, secs); self.status = display(mins, secs); decrement();
timerRunning = true; timerID = self.setTimeout('StartTheTimer()',
delay); } } } </script>

Any ideas??

If I take out the Form1 prefix, it doesn't work in either Ie or Firefox.

Thanks in advance,
Jon

03-01-2005

Instead of 'Form1', try something like document.getElementById('Form1').
Maybe store it in a local variable if you need it multiple times.

"Jon Natwick" <> wrote in message
news:zO1Vd.24193$...
> This "Countdown Timer" code works fine with Ie, but I receive an "Error:
> Form1 is not defined" error with Firefox 1.0.0 and 1.0.1.
>
> <body MS_POSITIONING="FlowLayout" onload="InitializeTimer()">
> <form name="Form1" method="post" action="test.aspx" id="Form1">
>
> <script language=JavaScript> var mins, secs, timerID = null, timerRunning
> = false, delay = 1000; function InitializeTimer() { mins =
> Form1.tbMins.value; secs = Form1.tbSecs.value; StopTheClock();
> StartTheTimer(); } function StopTheClock() { if(timerRunning)
> clearTimeout(timerID); timerRunning = false; } function display(min, sec)
> { var disp; if(min<=9) disp=' 0'; else disp=' '; disp += min + ':';
> if(sec<=9) disp += '0' + sec; else disp += sec; return(disp); } function
> decrement() { secs--; if(secs == -1) { secs = 59; mins--; } } function
> StartTheTimer() { if (mins == 0 && secs == 0) {
> document.Form1.hTimer.value = display(mins, secs); self.status =
> display(mins, secs); StopTheClock(); } else { document.Form1.hTimer.value
> = display(mins, secs); self.status = display(mins, secs); decrement();
> timerRunning = true; timerID = self.setTimeout('StartTheTimer()',
> delay); } } } </script>
>
> Any ideas??
>
> If I take out the Form1 prefix, it doesn't work in either Ie or Firefox.
>
> Thanks in advance,
> Jon
>
>

03-01-2005

Or document.all["Form1"], or document.forms[0] (afaik).

----
- Wilco Bauwer
Blog & Custom Controls @ http://wilcoding.xs4all.nl

03-01-2005

to access the form you can use

any browser:

document.Form1
document.forms['Form1']
document.forms[0] // if first or only form

modern browsers

document.getElementsByName('Form1')[0]
document.getElementById('Form1') // requires id tag

ie only:

Form1
document.all('Form1')

-- bruce (sqlwork.com)

"Jon Natwick" <> wrote in message
news:zO1Vd.24193$...
| This "Countdown Timer" code works fine with Ie, but I receive an "Error:
| Form1 is not defined" error with Firefox 1.0.0 and 1.0.1.
|
| <body MS_POSITIONING="FlowLayout" onload="InitializeTimer()">
| <form name="Form1" method="post" action="test.aspx" id="Form1">
|
| <script language=JavaScript> var mins, secs, timerID = null, timerRunning
=
| false, delay = 1000; function InitializeTimer() { mins =
Form1.tbMins.value;
| secs = Form1.tbSecs.value; StopTheClock(); StartTheTimer(); } function
| StopTheClock() { if(timerRunning) clearTimeout(timerID); timerRunning =
| false; } function display(min, sec) { var disp; if(min<=9) disp=' 0'; else
| disp=' '; disp += min + ':'; if(sec<=9) disp += '0' + sec; else disp +=
sec;
| return(disp); } function decrement() { secs--; if(secs == -1) { secs = 59;
| mins--; } } function StartTheTimer() { if (mins == 0 && secs == 0) {
| document.Form1.hTimer.value = display(mins, secs); self.status =
| display(mins, secs); StopTheClock(); } else { document.Form1.hTimer.value
=
| display(mins, secs); self.status = display(mins, secs); decrement();
| timerRunning = true; timerID = self.setTimeout('StartTheTimer()',
| delay); } } } </script>
|
| Any ideas??
|
| If I take out the Form1 prefix, it doesn't work in either Ie or Firefox.
|
| Thanks in advance,
| Jon
|
|

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
form1.submit(); in Firefox? Works in IE	jodleren	Javascript	3	03-27-2007 12:46 PM
How to write to Firefox's JavaScript console?	kj	Javascript	2	01-03-2007 12:42 PM
Javascript form validation script- not defined in Mozilla Firefox	nektir@gmail.com	Javascript	8	10-05-2006 07:56 PM
FireFox Javascript Console Tutorial	Roger	Javascript	2	04-03-2005 05:51 PM
Firefox JavaScript Console Error: Form1 is not defined	Jon Natwick	ASP .Net	0	03-01-2005 07:53 PM