PDA

View Full Version : How to refer to an object insaide an IFRAME?

gurra
11-05-2002, 10:08 AM
I have a page with a script tries to call all select-boxes inside an IFRAME in the same page.

But my script doesn't work! Any ideas?

This is how the script looks now: (the IFRAME is named and ID'd "main")


function hideAllSelects() {
target = document.getElementById("main");
var collS = target.getElementsByTagName("SELECT");
for (var i=0; i<collS.length; i++)

if (collS[i].style.visibility == 'hidden')
{
collS[i].style.visibility = "";
} else
{
collS[i].style.visibility = 'hidden';
}

}
Borgtex
11-05-2002, 11:08 AM
Maybe

target=document.main ?
Mr J
11-05-2002, 12:44 PM
Try these two pages, name them page1.htm and page2.htm


Page 1


<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
</HEAD>
<BODY onload="hideAllSelects()">
<script lanfuage="Javascript">
<!--
function hideAllSelects() {
for(i=0;i<document.main.document.f1.length;i++){
if(document.main.document.f1[i].type=="select-one"){
if (document.main.document.f1[i].style.visibility == 'hidden'){
document.main.document.f1[i].style.visibility = "visible";
}
else{
document.main.document.f1[i].style.visibility = 'hidden';
}
}
}
}
// -->
</script>
<iframe name="main" src="page2.htm"></iframe>
</BODY>
</HTML>




Page 2


<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
</HEAD>
<BODY>
<form name=f1>
<select name="s1">
<option value="v1">V1
<option value="v2">V2
<option value="v3">V3
<option value="v4">V4
</select>

<select name="s2">
<option value="v1">V1
<option value="v2">V2
<option value="v3">V3
<option value="v4">V4
</select>

<select name="s3" style="visibility:hidden">
<option value="v1">V1
<option value="v2">V2
<option value="v3">V3
<option value="v4">V4
</select>
</form>

</BODY>
</HTML>