JavaScript & iFrames

[muletuv]

Hi,

I am creating a form that displays a different list of links depending on a value that is selected within the form. These links are contained in an iFrame and each set of links is in a div.

I have written the javascript to display the relevant links but don't know how to reference the iFrame in the main page or vice versa.

<form name="Form1">
<select name="topic" onChange="showL inks();">
<option value=""> Choose one </option>
<option value="11">Golf </option>
<option value="12">Bask etball</option>
</select>
</form>

function showLinks()
{
var selectVal = document.forms['Form1'].elements['topic'].options;
if (selectVal.valu e == '11') {
document.getEle mentById('links 1').style.visib ility='hidden';
document.getEle mentById('links 2').style.visib ility='visible' ;
}
else {
document.getEle mentById('links 1').style.visib ility='visible' ;
document.getEle mentById('links 2').style.visib ility='hidden';
}
}

Can anyone help with this?

Thanks,
Muletuv

[kovik]

Why use an iframe? If it's on a separate page, it wouldn't count as a part of the form. You could always retrieve the content of the outside page with AJAX.