Why getElementById("f2").style

vinod_yadav1919 · January 14th, 2005, 06:03 AM

When i used parent.document.f2.style.visibility it's not working
on other hand parent.document.getElementById("f2").style.visibil ity is working properly.Where I am wrong??
Since i want to use visibility by using "name" not by "id"
Any ideas?
**********MainPage.html *******
<body>
<table bgcolor=red>
<tr><td>
<iframe name="f1" id="f1" src="first.html"></td>
</tr>
<tr><td>
<iframe name="f2" id="f2" src="second.html" style="visibility:none"></td>
</tr>

<tr><td>
<iframe name="f3" id="f3" src="third.html"></td>
</tr>
</body>

**************first.html*****
<script>
function hello(val)
{
var obj;
if(val==2)
{ parent.document.getElementById("f2").style.visibil ity = "hidden";
}
if(val==3)
{ parent.document.getElementById("f3").style.visibil ity = "hidden";
}

}
</script>
<input type=button value="frame2" onclick="hello('2')">
<input type=button value="frame3" onclick="hello('3')">
**********************

Cheers :)

vinod

joefawcett · January 14th, 2005, 11:48 AM

I'm not sure why you are bothered, getElementById is a standard method whereas others may not work in some browsers, but try:

Code:

parent.f2.style.visibility

--

Joe (Microsoft MVP - XML)

vinod_yadav1919 · January 18th, 2005, 11:00 AM

Hii Joe

parent.f2.style.visibility is not working with my browser.

Offcourse, document.getElementById is the best choice.

I was wondering for that something i am missing .
Thanks Again

Cheers :)

vinod