Debug my javascript issue with forms and frames

[sammy vang]

You can consider me an amature. I can't figure this one out. Hopefully, I can explain it well enough.

Here's the structure of my page:

***myASPpage.asp***
(contains a frame inclosed in a div)
<frame id=myFrame>
|
V

***mySearch.asp***
(contains a form with two select fields)
<form id=searchForm>
fields: model & serial
|
V

***myScript.asp***
(a script that populates the serial field with distinct serial numbers based on the model number choosen)

On this page, I'm trying to reference the "serial" field from "searchForm" and get it's length using this code:

parent.frames['myFrame'].document.form('searchForm').getElementById('serial').options.length;

But, it gives me "null or object not found". Oddly, I've gotten my code to work perfectly fine if I don't use an iFrame and keep all the code from "myScript.asp" on the same page as "mySearch.asp". So, I'm thinking I'm not doing something correctly due to the frame.

[acoder]

That line of JavaScript is invalid syntax. Either try:

parent.frames['myFrame'].document.forms['searchForm'].serial.options.length;

or if serial has an ID:

parent.frames['myFrame'].document.getElementById('serial').options.length;

[sammy vang]

Thanks for the reply. I'm still getting the error:

Message: 'parent.frames.myFrame.document' is null or not an object


I've read tons of tutorials on these tree structures, but I guess I'm still missing something.

[acoder]

myFrame should be the name of the frame:

<frame name="myFrame" ...>

[sammy vang]

I figured it out. Your original solution was correct minus one small thing (on my end). The last script (asp page) was opening as new window. So I had to use:

"opener" instead of "parent"