I am having this compatibility probelm with IE vs. Firefox. The below code works perfectly fine in IE but not in Firefox.
Essentially it is a pair of radio buttons and an Iframe below it. I want the Iframe content to change when the radio button option is selected. the initial page displays fine on load, but the radio buttons do not change the content in firefox, it does in IE
Any idea what I am doing wrong here?
Thanks for your help
<html>
<head>
<title>Title here</title>
<script type="text/javascript">
function changeIframeSrc(result)
{
var ilone = document.getElementById("I1");
if( ilone && ilone.src)
{
ilone.src=result;
}
}
</script>
</head>
<body>
<h1>Header here:</h1>
<form>
<input type="radio" name="result" onclick="changeIframeSrc(this.value)" value="Subfolder1/index.htm">Radio button option 1<br />
<input type="radio" name="result" onclick="changeIframeSrc(this.value)" value="Subfolder2/index.htm">Radio button option 2<br />
</form>
<iframe name="I1" src="InstallNewport/index.htm" width="95%" height="500">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
</body>
</html>