hiding layers

[blueindian1]

hello,

i have this code(simplified):

<!-- container.asp -->
<iframe src=&quot;source.asp&quot; border=&quot;0&quot; height=&quot;400&quot; with=&quot;100&quot;></iframe>

and this code:

<!-- source.asp -->
<%

Option Explicit
Response.Buffer=True

%>

<script language=&quot;javascript&quot;>
function show(obj) 
{
    // show/hide the divisions
    if (obj=='one')
    {
    alert('called');
        document.all['one'].style.visibility = 'visible';
    document.all['two'].style.visibility = 'hidden';
    document.all['three'].style.visibility = 'hidden';
    }
    
    else if (obj=='two')
    {
    document.all['two'].style.visibility = 'visible';
    document.all['one'].style.visibility = 'hidden';
    document.all['three'].style.visibility = 'hidden';
    }
    else if (obj=='three')
    {
    document.all['three'].style.visibility = 'visible';
    document.all['one'].style.visibility = 'hidden';
    document.all['two'].style.visibility = 'hidden';
    }
}

</script>
<form autocomplete=&quot;NO&quot; name=&quot;test&quot; method=&quot;POST&quot; action=&quot;source.asp&quot; target=&quot;new&quot;>
<table>

<div id=&quot;one&quot; style=&quot;position:absolute; left:1px; top:1px&quot;>

    one<br>
    one<br>
    one<br>

</div>

<div id=&quot;two&quot; style=&quot;position:absolute; left:1px; top:1px&quot;>

    two<br>
    two<br>
    two<br>

</div>

<div id=&quot;three&quot; style=&quot;position:absolute; left:1px; top:1px&quot;>
  <tr>
    <td>
    <input type=text>
    </td>
  </tr>
</div>
</form>
<!-- run script to hide hotel and auto -->
<script language=&quot;javascript&quot;>
    document.all['one'].style.visibility = 'hidden';
    document.all['two'].style.visibility = 'hidden';
    document.all['three'].style.visibility = 'visible';
</script>

<tr>
<td colspan=&quot;3&quot;>
<a href=&quot;javascript:show('one');&quot;>one</a>
<a href=&quot;javascript:show('two');&quot;>two</a>
<a href=&quot;javascript:show('three');&quot;>three</a>
</td>
</tr>
</table>

ok, here's the problem. when the page loads, layers One and Two are hidden and Three is visible. clicking on either the 'One' or 'Two' link causes those layers to be shown, but layer 'Three' will not hide. when i click 'One', layer one is shown on top of layer three. when i click two, layer one is hidden and layer two is shown on top of layer three.

now for the tricky part. if i replace the input box in layer three with text, it will then hide itself if the 'one' or 'two' link is clicked. or, if i replace the text in either layer one or two with an input box(or table tags, <br>, or anything), those layers will no longer hide.

what gives?

 

[blueindian1]

nevermin.

you have to have each layer enclosed in its own table.