Netscape + DHTML + document.all

Forum Moderators: open

Message Too Old, No Replies

Netscape + DHTML + document.all

I am using document.all.... .style.display. Not working in Netscape

Oegma

12:08 pm on Mar 5, 2002 (gmt 0)

Hi everybody,

I am using the following code to hide & show objects in IE5, but it's not working in Netscape?

function ShowMe( )
{
document.all.t3.style.display="";
}

</script>

<html>
<body>

<FORM name="x">
<input type="button" value="show" onClick="ShowMe( );">

<TABLE id="t3" style="display:none">
<TR><TD>
<FONT size="-1">Welcome to IE & NetSc problems ;-)</FONT>
</TD></TR>
</TABLE>

</FORM>

</body>
</html>

Any help will be welcome.
Thanks

BlobFisk

2:05 pm on Mar 5, 2002 (gmt 0)

Hi Oegma,,

Your code is fine for the IE DOM (document object model), however, Netscape has a slightly different one.

Unfortunately, document.all is not a valid Netscape object.

To access a form element in Netscape you would use the format of document.formname.elementname.

HTH

Purple Martin

12:49 am on Mar 6, 2002 (gmt 0)

You could use document.getElementById instead of document.all, which should work in IE5+ and N6+.

eg.
document.getElementById("t3").style.display = ""

Oegma

6:27 am on Mar 6, 2002 (gmt 0)

Hi BlobFisk and Purple_Martin. Thanks for the info, but the problem is that our company wants me to write code that will work on IE4 and NS4, which is not that easy. I've found some info on how to detect the browser using
if ( document.all )
.... IE4
if ( document.layers
.... NS4
so from there I can then go and do the hiding or showing of the buttons, input and form data. But the problem I've got know is I am using <DIV> tags to put the info that I want to hide/show in it. It once again works fine for IE, but not for NS4 ;-( Here's the code that I am working on now. If this works, we can use only one function to do both IE & NS hide/show stuff. Have a look, and tell me what I am doing wrong here:

function Show_NOW( )
{
show( 'd1' );
}

function Hide_NOW( )
{
hide( 'd1' );
}

</script>

<html>
<body onLoad="go( );">

<div id="d1">
<table>
<tr>
<td>
BLOCK A
</td></tr>

<tr>
<td>
<div id="d2">
<table>
<tr>
<td>
BLOCK B
</td></tr>
</table>
</div>
</td></tr>

</table>
</div>

</body>
</html>