AJAX

HTML Tables in JSP

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jul 2009

Posts: 93

Reputation: AshtonHogan is an unknown quantity at this point

Solved Threads: 1

AshtonHogan AshtonHogan is offline

Offline

Junior Poster in Training

HTML Tables in JSP

Jul 29th, 2009

Hi,

I'm trying to create a page that contains a table that is hidden initially (on page startup). Later, when a link is clicked, the table should show permanently. The problem I am having, however, is that when I click on the link, the table shows for a second and then dissapears again. Below is the code:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<head>
        <script type="text/javascript">
var n=0;
        </script>
</head>
<body onload="tableOff('myTable')">
 
        <!-- Extend/Collapse Tables Script -->
        <script type="text/javascript">
            function tableOff(Object) {
                              if (n==0) {
                        document.getElementById(Object).style.display="none";
                    }
n++;
                }
 
                function tableOn(Object) {
                    if (n >=1) {
                        document.getElementById(Object).style.display="";
                    }
                }
        </script>
        <!-- Extend/Collapse Tables Script -->
 
<table id="myTable">
<tr>
<td>
My Table
</td>
</tr>
</table>
 
<a href="this.jsp" onClick="tableOn('myTable')">Click Me</a>
 
</body>
<head>
        <script type="text/javascript">
var n=0;
        </script>
</head>
<body onload="tableOff('myTable')">

        <!-- Extend/Collapse Tables Script -->
        <script type="text/javascript">
            function tableOff(Object) {
                              if (n==0) {
                        document.getElementById(Object).style.display="none";
                    }
n++;
                }

                function tableOn(Object) {
                    if (n >=1) {
                        document.getElementById(Object).style.display="";
                    }
                }
        </script>
        <!-- Extend/Collapse Tables Script -->

<table id="myTable">
<tr>
<td>
My Table
</td>
</tr>
</table>

<a href="this.jsp" onClick="tableOn('myTable')">Click Me</a>

</body>

I know incrementing a variable may not be the most efficient way, but for now if I can get that to work then it will be easy to change that to boolean at a later stage...

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: HTML Tables in JSP

Jul 29th, 2009

Hi Ashton,

in the <head> section of your page, you may apply this format:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<script type="text/javascript">
<!--
// Basic Sample
 
 
var tableOn = function( obj ) {
   document.getElementById( obj ).style.display = "table";
};
 
onload = function() {
document.getElementById("myTable").style.display = "none";
};
// -->
</script>
<script type="text/javascript">
<!--
// Basic Sample


var tableOn = function( obj ) {
   document.getElementById( obj ).style.display = "table";
};

onload = function() {
document.getElementById("myTable").style.display = "none";
};
// -->
</script>