hi, <div style="visibility:hidden" id="hid"> is not working in table

hi,
i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error.

Expand|Select|Wrap|Line Numbers

 
<html>

<head>
 
            <script type="text/javascript">

             function callme(){

                  document.getElementById("hid").style.visibility="visible";

              }

             function hideme(){

                  document.getElementById("hid").style.visibility="hidden";    

             }

           </script>
 
</head>

<body>

<form name="myform">
 
<table width="100%"  border="4" cellpadding="2" cellspacing="2">

        <tr>

            <td  class="tableheader" colspan="9">TS </td>

        </tr>

     <div style="visibility:hidden" id="hid">

        <tr>

            <td width="17%" class="labeltext">Tran Code</td>

            <td width="1%"  class="blanktext">:</td>

            <td colspan="4" class="blanktext">Name</td>

        </tr>

        <tr>

            <td width="17%" class="labeltext">Product Type</td>

            <td width="1%"  class="blanktext">:</td>

            <td colspan="4" class="blanktext">

            </td>

        </tr>

     </div>

        <tr>

           <td>

           </td>

        </tr>
 
</table>
 
<input type="button" onclick="callme()" value="show">

<input type="button" onclick="hideme()" value="hide">
 
</form>

</body>

</html>

thx,
Ajay

Aug 22 '07 #1

Subscribe Post Reply

6404

acoder

16,027

Expert Mod 8TB

Tip: For your code tags, add =html or =javascript for the nice syntax colour-coding!

To solve this problem, get rid of the div and move the style and id attributes to the rows. Try this:
[HTML]<html>
<head>

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="v isible";
document.getElementById("hid2").style.visibility=" visible";
}
function hideme(){
document.getElementById("hid").style.visibility="h idden";
document.getElementById("hid2").style.visibility=" hidden";
}
</script>

</head>
<body>
<form name="myform">

<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<tr style="visibility:hidden" id="hid">
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr style="visibility:hidden" id="hid2">
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
<tr>
<td>
</td>
</tr>

</table>

<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">

</form>
</body>
</html>
[/HTML]

Aug 22 '07 #2

Similar topics

Mulitple Table Query Help

by: Ralph Freshour | last post by:

I'm not sure the follow multiple table query is the right way to do what I need to do although it seems to be working: $php_SQL = "SELECT * ". "FROM basics, personal, photos ". "WHERE...

PHP

foreign key contraints, on delete cascade not working?

by: Andrew DeFaria | last post by:

I created the following .sql file to demonstrate a problem I'm having. According to the manual: If |ON DELETE CASCADE| is specified, and a row in the parent table is deleted, then InnoDB...

MySQL Database

creating temporary table with SELECT INTO

by: gonzal | last post by:

Hi Dose any body know why a temporary table gets deleted after querying it the first time (using SELECT INTO)? When I run the code bellow I'm getting an error message when open the temp table...

Microsoft SQL Server

Altering SQL Server 2000 table design

by: Dan Williams | last post by:

I'm trying to do a simple alteration to the table design of one of our SQL 2k tables, simply changing an identity row so that its not 'not for replication', and its taking absolutely ages to do so,...

Microsoft SQL Server

Doing a table in CSS

by: James A. Donald | last post by:

-- I am just beginning to get into CSS. I like to keep all my html simple and generic looking. I want to use a table, because I have, (gasp) tabular data. I want it to look like a table. Not...

HTML / CSS

Image rollover not working in a table

by: jedbob | last post by:

I used Adobe Imageready to build a simple rollover navigation bar, where the text will change color on a mouse over. The working example can be found at:...

HTML / CSS

Dual Table update

by: Steve | last post by:

Hello, I'm trying to add the same record to two different tables from a form and I'm at my wits end. The record would most likely have a different record ID in each table as the tables are...

Microsoft Access / VBA

working days problem

by: Jason Huang | last post by:

Hi, In our C# Windows Form application, we are using the SQL Server 2000 as the database server. The Database table MyTable has a field RegistrationDate which represents the Date a client comes...

C# / C Sharp

Query from ORACLE board is not working in DB2

by: lenygold via DBMonster.com | last post by:

Hi everybody! This query is supposed to count consecutive years from the current year without OLAP. Input Table: ID DateCol 1 02/01/2006 1 01/01/2006 1 01/01/2005

DB2 Database

show hide script not working

by: filch | last post by:

Hi, I am new to this forum ... so hello to all! I am trying to get a script working which will show or hide a table based on a user checking or unchecking a parent checkbox. This is the...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing