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="showLinks();">
<option value=""> Choose one </option>
<option value="11">Golf </option>
<option value="12">Basketball</option>
</select>
</form>

function showLinks()
{
var selectVal = document.forms['Form1'].elements['topic'].options;
if (selectVal.value == '11') {
document.getElementById('links1').style.visibility ='hidden';
document.getElementById('links2').style.visibility ='visible';
}
else {
document.getElementById('links1').style.visibility ='visible';
document.getElementById('links2').style.visibility ='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.