Here's the code cut down to the essentials. Just so it's clear.. this code works. If, for example, I tie it to the onfocus="initialize(this.form)" of some textbox (just to arbitrarily pick a convenient object on the form); then click into that textbox then volia! the values are copied, as desired, from the parent page to this page.
The alert()s in the function are for debugging purposes.
NOTE: I get the same error when the function call is placed immedialy after </form> or immediately after </body> or immediately after </html>.
NOTE: I think it is interesting that the error I get is "newList is null or not an object". The error is not flagging "theform" - as if it's been created... As well it should have been. And if it has, why not "newList"?
<html>
<title>Add Database Keywords</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script language=javascript1.2>
<!-- Begin
............. lots of javascript functions here ......................
function initialize(theform) {
var e = theform.newList.options;
var originalList = new String ();
for (var i=0; i<window.opener.DBForm.fKeywords.length; i++) {
originalList += i + "= " + window.opener.DBForm.fKeywords.options[i].text + "\r";
}
alert ("the original list = \r" + originalList);
originalList = "";
for (var i=0; i<e.length; i++) {
originalList += i + "= " + e[i].text + "\r";
}
alert ("the initial target list = \r" + originalList);
originalList = "";
with (window.opener.DBForm.fKeywords) {
for (var i = 0; i < length; i++) {
e[i] = new Option(options[i].text, options[i].value);
}
}
for (var i=0; i<theform.newList.length; i++) {
originalList += i + "= " + e[i].text + "\r";
}
alert ("the target list = \r" + originalList);
} // initialize()
// End -->
</script>
</head>
<body>
<form>
<center>
<table width="-1" border="5" height="350">
.... stuf in rows....
.......... heres the object I'm working with ...............
<select size="6" name="newList" width="300" multiple tabindex="7"
onKeyPress="return findOption(this)">
<option value="00"><--empty--></option>
</select>
</table>
</center>
</form>
</body>
</html>
......... and here's the call to the script to pre-fill the above <SELECT> object............
<script language="JavaScript" type="text/javascript">
<!--
initialize(this.form);
//-->
</script>
