document.form1 & document.form1.end is undefined

Hello there,

I have this document. It's been shortened to not make the code long and annoying to read. I didnt know what was causing the problem, and didnt want to get rid of too much.

I get element undefined in Chrome and firefox with this part of the code:

document.form1.end.value = Time;

Also the watch-script (one of the javascripts) will not run without an additional (as you can see in the document underneath):

 function display() {
setTimeout("display()",1000);
 } 
 
 display();

This is the document:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" language="javascript"> 
 
 function display() {
setTimeout("display()",1000);
 } 
 
 display(); 
 
</script> 
 
<script src="jquery-1.4.1.js" type="text/javascript"></script> 
 
<script language=JavaScript> 
$(document).ready(function() {
$('#reset').click(function() {
event.preventDefault();
$.post('ajax_null.php', function() {
window.location = "/graf.php?refresh=true&";
});
});
});
 
</script> 
 
<script type="text/javascript" language="javascript"> 
function display() {
var Today = new Date();
var hours = Today.getHours();
var mins = Today.getMinutes();
var sec = Today.getSeconds();
var year = Today.getFullYear();
var day = Today.getDate();
var month = Today.getMonth() + 1;
var Time = ((hours < 10) ? '0' + hours : hours);
Time += ((mins < 10) ? ":0" : ":") + mins;
Time += ((sec < 10) ? ":0" : ":") + sec;
Time += ' ';
Time += ((month < 10) ? '0' : '') + month + '/';
Time += day + '/';
Time += year;
document.form1.end.value = Time;
setTimeout("display()",1000);
} 
 
display(); 
</script> 
 
 
</head> 
 
<body> 
 
<div> 
 <span style="display:inline-block; vertical-align:top;"> 
 <strong>Tegn graf for:</strong> 
</span> 
 <span style="display:inline-block; vertical-align:top;"> 
 <img src="img_graphical.php" /> 
 <form name="form1" action="/graf.php" method="post"> 
 <input name="start" value="00:48:21 02/18/2010" />
 <input type="text" name="end" value="00:48:21 02/20/2010" />
 <input name="iterations" value="1800" style="width:55px;" />
 <input type="submit" value="Oppdater" /><input type="submit" id="reset" value="Tilbakestil" />
 </form> 
 </span> 
 <span style="display:inline-block; vertical-align:top;"> 
 &nbsp;
 </span> 
</div> 
</body> 
</html>

I've worked at this for hours, and I have no idea what is causing these problems.

Thank you for your time.

Kind regards,
Marius

document.form1 & document.form1.end is undefined

makes no sense to me

kingoslo

Fotiman

kingoslo

kingoslo

rainborick

kingoslo

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week