[Javascript] GetElementById form werkt niet

[Rimsic]

Hey,

Ik zit met een javascript probleempje, en ik zie maar niet waarom het niet werkt:

	<script language="javascript" type="text/javascript">
		function init() {
			document.getElementById('form').onsubmit=function() {
				document.getElementById('form').target = 'iframe';
			}
		}
		window.onload=init;
	</script>	
	<form id="form" name="form" method="post" action="upload.php?id=1" enctype="multipart/form-data" >
		<input name="file" id="file" size="7" type="file" /><br />
		<input type="submit" name="submit" value="Upload" /><br />
		<iframe id="iframe" name="iframe" src="upload.php?id=1" style="width:200px;border:0px solid #fff;"></iframe>
	</form>

Ik krijg steeds in mijn firebug terug: document.getElementById("form") is null. Als ik een getelementbyid op een div, span of input doe werkt het wel. Wat gaat hier fout... ik word langzaam gek

Edit: In FireFox werkt het niet, in Safari wel... hmm weird.

 

[Egel]

Je gebruikt name en id met dezelfde naam en je gebruikt ook nog eens namen van tags voor de id en name. Dat kan misgaan.

Iets als: <div id="body" ... nooit doen!


Maar waarom niet meteen?
[js]<form target="targetframe" ...
...
<iframe name="targetframe" ...[/js]


En als je het al met de window.onload wilt, waarom dan het aan de onsubmit koppelen en niet meteen:
[js]document.forms[0].target = 'targetframe';[/js]