HTML Tables in JSP

Expand Post »

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:

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...

Similar Threads

updating 2 HTML tables on one PHP page in PHP
HTML Tables vs CSS & divs - examples/help in HTML and CSS
Create HTML file from Dynamic JSP in JSP
coverting html tables into xhtml and css in HTML and CSS
file handling in html and jsp in HTML and CSS

AshtonHogan

Reputation Points: 7

Solved Threads: 1

Posting Whiz in Training

Offline

209 posts
since Jul 2009

Permalink

Jul 29th, 2009

Re: HTML Tables in JSP

Hi Ashton,

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

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>

do the same instance as you call your tableOn( tableID ) function...
<a href="javascript:void(0);" onclick="tableOn('myTable');">Show Table</a>

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: need help changing background color of an iframe

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: need javascript coding!

DaniWeb Message

Cancel Changes

User Name
Password