Javascript: Change Style?

Dev Shed Forums Sponsor:

February 6th, 2002, 08:04 PM

sunnychan

a lazy guy

Join Date: Aug 2001

Location: Hong Kong

Posts: 99

Time spent in forums: < 1 sec
Reputation Power: 12

Javascript: Change Style?

Hello,

in a HTML, there is a invisible table inside a <DIV> tag.
How can I make it visiable in Javascript?
Thanks.

eg.
<DIV ID="MYTABLE" STYLE="display:none">
<TABLE>
...
...
...
</TABLE>
</DIV>

February 6th, 2002, 08:49 PM

degsy

Contributing User

Dev Shed Intermediate (1500 - 1999 posts)

Join Date: Nov 2001

Posts: 1,882

Time spent in forums: 5 Days 21 h 19 m 30 sec
Reputation Power: 18

You'll want to use style="visibility: hidden" to start off with.

Code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function showTable()
{
document.getElementById('myTable').style.visibility='visible';
}
function hideTable()
{
document.getElementById('myTable').style.visibility='hidden';
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p><a href="#" onclick="showTable()">showTable()</a> <a href="#" onclick="hideTable()">hideTable()</a></p>

<DIV ID="myTable" STYLE="visibility:hidden"> 
  <TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="#000000">
    <tr><td>this is a table</td></tr>
</TABLE> 
</DIV>
</body>
</html>

Will need to add more code for it to work in NS4.

February 6th, 2002, 09:26 PM

sunnychan

a lazy guy

Join Date: Aug 2001

Location: Hong Kong

Posts: 99

Time spent in forums: < 1 sec
Reputation Power: 12

thanks

degsy, thanks a lot for your help

Viewing: Dev Shed Forums > Web Design > JavaScript Development > Javascript: Change Style?

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump