Hi,

I have 4 frames:

leftTop, rightTop, leftBottom, rightBottom.

That is the order in Frameset. When I click on a span link in the rightTop
frame, I am calling a function like this:

<td width="55" valign="top" align="right" height="12"><span
onClick="HideL3(this)" style="background-Color:#006699; color:white;
cursor:hand">Hide</span></td>

The aim of the function is to hide two <DIVs>, <DIV id="Layer3"> in the
rightTop frame and <DIV id="Layer3" in the rightBottom frame.

I am able to hide <DIV id="Layer3" of the rightTop frame easily by using
this code:

 Layer3.className = "HideTable";  (please note that I have a CSS that set
the display to none)

The problem is that with the same click, I want to also hide <DIV
id="Layer3"> in another frame, rightBottom, but I can not succeed.

I have tried all sort of combinations but somehow can not get to the
rightBottom frame and hide a <div id="Layer3">

( parent.frames[3].document.all.item("rightBottom")).Layer3.className 
"HideTable";

 //parent.rightBottom.Layer3.className = "HideTable";
//parent.rightBottom.document.item.Layer3.className = "HideTable";

Please, could someone help me to solve this problem.

This is the function

<script language="Javascript">
 function HideL3(myel)
 {
 Layer3.className = "HideTable";
 Layer2.className = "ShowTable";

( parent.frames[3].document.all.item("rightBottom")).Layer3.className 
"HideTable";

 //parent.rightBottom.document.item.Layer3.className = "HideTable";
 //(parent.frames[1].document.all.item("top")).scrollLeft 
document.all("main").scrollLeft;

 }

 function ShowL3(myel)
 {
 Layer3.className = "ShowTable";
 Layer2.className = "HideTable";
 }

</script>

Cheers,

Claudio