how can i hide and show tables

Home Answers Viewqa Struts how can i hide and show tables

sai kumar

how can i hide and show tables
1 Answer(s) 11 months ago
Posted in : Struts

hai, i am creating a form which the code is included below i want to hide the tables initially and after i click go i want to display the tables with result.so any help is appreciated much

<%@taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@taglib uri="http://jakarta.apache.org/struts/tags-logic"
    prefix="logic"%>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sd" uri="/struts-dojo-tags"%>
<html>
<head>
<script language="javascript" src="datetimepicker.js">


</script>

</head>
<body bgcolor="#505050">


<table id="table1" style="display:block;">

    <html:form action="/ZoneReportAction">
        <table bgcolor="#808080" align="center" border="1" width="55%">

            <tr colsapn="3">

                <td
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">From&nbsp<html:text
                        property="fromDate" size="13" maxlength="13" /> <!-- <input type="text" name="fromDate" id="fromDate" size="13" maxlength="13"> -->
                    <a href="javascript:NewCal('fromDate','ddmmyyyy')"><img
                        src="images/cal.gif" width="16" height="16" border="0"
                        alt="Pick a date"> </a></td>
                <td
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">To&nbsp<html:text
                        property="toDate" size="13" maxlength="13" /> <!-- <input type="text" name="toDate" id="toDate" size="13" maxlength="13"> -->
                    <a href="javascript:NewCal('toDate','ddmmyyyy')"><img
                        src="images/cal.gif" width="16" height="16" border="0"
                        alt="Pick a date"> </a></td>
                <td
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;text-align:justify;">Zone&nbsp
                    <html:select name="ZoneReportForm" property="zone"
                        style="font-family:calibri;">
                        <html:option value="0">--Select Zone--</html:option>
                        <%-- <html:option value="1">All</html:option> --%>
                        <html:optionsCollection name="ZoneReportForm" property="zoneList"
                            label="zoneName" value="zoneId" />
                    </html:select>
                </td>
                <td><html:submit value="Go"  property="method"
                        style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;background-color:#808080;width=55 height=0" />
                </td>
            </tr>

        </table>
        <br>
        <br>
        <!-- 'list' is the session String -->


        <table id="results"  border="1" align="center" 
            style="background-color:#808080;width:900px;">
            <table style="display:none;">



            <tr align="center" hidden="true"
                style="color:White;background-color:#808080;font-family:calibri;height:20px;">

                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Zone</th>
                <th colspan="4" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Revenue</th>
                <th colspan="4" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Cost</th>
                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">P&L</th>
                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Trend</th>
            </tr>
            <tr hidden="true">
                <th align="center"
                    style="color:white;font-family:calibri;font-size:12pt;font-weight:normal;">Capital</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Commodity</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Others</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Total</th>

                <th align="center"
                    style="color:white;font-family:calibri;font-size:12pt;font-weight:normal;">Rent</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Salary</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Others</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Total</th>
                    <a href="#" onclick="setTable('results');return false"></a>
<table id="results" style="display:block;">

            </tr>

            <%

                boolean even = false;
            %>
            <logic:present name="list">
                <logic:iterate id="ZoneRecord" name="list">
                    <%
                        even = !even;
                    %>
                    <tr bgcolor="<%=even ? "#B7D3F5" : "#D6E0F5"%>"
                        style="font-family:calibri;font-size:11pt;font-weight:normal;heigth="5">
                        <td><a
                            href="ZoneReportAction.do?rowId=<bean:write name="ZoneRecord" property="zoneName" />"><bean:write
                                    name="ZoneRecord" property="zoneName" /> </a>
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="capitalBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="commBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="otherBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="totalBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="rent" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="salary" />
                        </td>

                        <td align="right"><bean:write name="ZoneRecord" property="otherCost" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="totalCost" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="pl" />
                        </td>
                        <td align="center"><a 
                            href="ZoneTrendAction.do?rowId=<bean:write name="ZoneRecord" property="zoneName" />">Trend</a></td>
                    </tr>

                </logic:iterate>
            </logic:present>

<!--  total for zone table -->
            <logic:present name="totZoneRecord">
                <logic:iterate id="ZoneRecord" name="totZoneRecord">

                    <tr bgcolor="#D6E0F5"  
                        style="font-family:calibri;font-size:11pt;font-weight:bold;color:Brown;heigth="5";">
                        <td><bean:write name="ZoneRecord" property="zoneName" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="capitalBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="commBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="otherBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="totalBrok" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="rent" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="salary" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="otherCost" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="totalCost" />
                        </td>
                        <td align="right"><bean:write name="ZoneRecord" property="pl" />
                        </td>
                        <td></td>
                    </tr>
                </logic:iterate>
            </logic:present>

        </table>
        <br>
        <br>


        <table id="results"  style="display:none;" border="1" align="center"
            style="background-color:#808080;width:900px;">



            <tr align="center"
                style="color:White;background-color:#808080;font-family:calibri;font-weight:normal;height:20px;">

                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Zone</th>
                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Territory</th>
                <th colspan="4" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Revenue</th>
                <th colspan="4" align="center"
                    style="color:White;font-family:calibrifont-size:12pt;font-weight:normal;">Cost</th>
                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">P&L</th>
                <th rowspan="2" align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Trend</th>
            <tr>

                <th align="center"
                    style="color:white;font-family:calibri;font-size:12pt;font-weight:normal;">Capital</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Commodity</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Others</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Total</th>
                <th align="center"
                    style="color:white;font-family:calibri;font-size:12pt;font-weight:normal;">Rent</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Salary</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Others</th>
                <th align="center"
                    style="color:White;font-family:calibri;font-size:12pt;font-weight:normal;">Total</th>
                    <a href="#" onclick="setTable('results');return false"></a>
<table id="results" style="display:block;">
            </tr>

            <%

                boolean even1 = false;
            %>
            <logic:present name="listTerr">
                <logic:iterate id="TerritoryRecord" name="listTerr">
                    <%
                        even1 = !even1;
                    %>
                    <tr bgcolor="<%=even1 ? "#B7D3F5" : "#D6E0F5"%>"
                        style="font-family:calibri;font-size:11pt;font-weight:normal;heigth="5">
                        <td><bean:write name="TerritoryRecord" property="zoneName" />
                        </td>
                        <td><bean:write name="TerritoryRecord"
                                property="territoryName" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="capitalBrok" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="commBrok" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="otherBrok" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="totalBrok" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="rent" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="salary" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="otherCost" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="totalCost" />
                        </td>
                        <td align="right"><bean:write name="TerritoryRecord" property="pl" />
                        </td>
                        <td align="center"><a 
                            href="TerritoryTrendAction.do?rowId=<bean:write name="TerritoryRecord" property="territoryName" />">Trend</a></td>
                    </tr>
                </logic:iterate>
            </logic:present>
        </table>
    </html:form>
</body>
</html>

View Answers

June 20, 2012 at 3:43 PM

You can use javascript. Here is an example of simple jsp code which is having a table consists of database data and a Go button. Using the style attribute, we have made table invisible. But, when the user click Go button, table will be visible with all the data.

<%@page language="java"%>
<%@page import="java.sql.*"%>
<script>
function sh(){
document.getElementById("tab").style.visibility="visible";
}
</script>
<input type="button" value="Go" onclick="sh();"><br>
<table border="1"  id="tab" style="visibility:hidden;">

<%
try {
Class.forName("com.mysql.jdbc.Driver").newInstance();
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test", "root", "root");
String query = "select * from employee";
Statement st = conn.createStatement();
ResultSet rs = st.executeQuery(query);
while(rs.next()){
%>
<tr>
<td><input type="text" name="name" value="<%=rs.getString("name")%>"></td><td><input type="text" name="address" value="<%=rs.getString("address")%>"></td><td>Contact No</td><td><input type="text" name="contact" value="<%=rs.getInt("contactNo")%>"></td><td><input type="text" name="email" value="<%=rs.getString("email")%>"></td></tr>
<%
}
}
catch(Exception e){}
%>
</table>

how can i hide and show tables
how can i hide and show tables hai, i am creating a form which the code is included below i want to hide the tables initially and after i click go i want to display the tables with result.so any help is appreciated much <

JSP hide and show tables
JSP hide and show tables In this tutorial, you will learn how to hide and show html tables using javascript in jsp. Here is an example of simple jsp code which is having a table consists of database data and a Go button. Using

hide show keyboard iphone
hide show keyboard iphone How to hide show keyboard in iPhone programmatically

show, hide, disable components on a page with struts - Struts
show, hide, disable components on a page with struts disabling a textbox in struts.. in HTML its like disable="true/false" how can we do it in struts

hide url
hide url how i can hide url i have lot of jsp pages when i call one jsp in address another jsp page name also displayed in the address bar? url not visible to endusers please tell me any answer what i should do

javascript hide element
javascript hide element How can we hide / show HTML elements using JavaScript

PHP Join Tables
PHP Join Tables i wanted to show the information from two or more table in PHP. How can i do it with the PHP Join Tables

hide and show result in jsp
hide and show result in jsp what codes do i have to change to make my result display if only i enter the correct value? suppose if i click search... will be shown. i suppose to put an if statement,but im not sure where to put it. before

How to hide and show some field on a radio button click
How to hide and show some field on a radio button click This is my...; </td> </tr> </table> I want bank name... is clicked.and they should be visible when by cheque radio button is clicked. I have

ios hide status bar
ios hide status bar HI, I am developing an application in IOS. Can anyone tell me how to? hide status bar? Thanks Hi, Following code can be used: [[UIApplication sharedApplication] setStatusBarHidden:YES

Show Hide Text Javascript - Java Beginners
Show Hide Text Javascript Please tell me how to show hide text using Java Script

hide the url in address bar
hide the url in address bar how i can hide url in address bar????? i have lot of jsp pages when i call one jsp in address another jsp page name also... with hide the username and password i will send the project urgently please tell

Hide show HTML forms using javascript
Hide show HTML forms using javascript How to hide a HTML form in my application using JavaScript? HTML Code to create checkbox <...;div id="yourDiv"> ...other forms... </div> JavaScript function to hide

how to do two database tables in one page?
how to do two database tables in one page? dear all: i want to show these two database tables in one page. one table on the left (dbtable.jsp) and the other on the right (table2.jsp). how can i do that with HTML? this is my

Nest tables within tables
Nest tables within tables Can I nest tables within tables

i want to know how a slide will hide
i want to know how a slide will hide when im click on the button then im getting a slide, but when im click on the another button this slide will be hide.. and here im using logic iterate to getting the values from action class

use tables to structure forms
use tables to structure forms How can I use tables to structure forms

tables to structure forms
tables to structure forms How can I use tables to structure forms

Hide/Show paragraph by button click
Hide/Show paragraph by button click In this tutorial, we will discuss about how to hide/show paragraph by clicking on button using jQuery. In the below... to show Paragraph</button> <p>This will Hide after clicking button<

Toggle hide/show by clicking same button
Toggle hide/show by clicking same button In this tutorial, we will discuss about how to toggle hide/show by clicking button. In the given below 2 example, there is button ,by clicking on it, the paragraph will hide/show . In first

how to hide and unhide folders in java
how to hide and unhide folders in java i want to hide folder along with its contents and unhide later

How to hide HTML code from user? - Security
How to hide HTML code from user? Hi All, I am trying to provide security to my web application. To achieve this I want to restrict user from viewing HTML source code. Can any one guide me for this topic? Thanks

tables in oracle 10g
tables in oracle 10g sir i have created a table in oracle 10g,i want to know where this table is stored and how can i move this table to another pc and insert values

can i insert values into two tables by a query - JDBC
can i insert values into two tables by a query hi all, can i insert values into two tables by a query Thanks Bala k

HOW TO SHOW TIME SERIES
HOW TO SHOW TIME SERIES hi................ i require a small code in java swings to display the output as time series. Can u plz help???????? Reply....... thanks in advance

UINavigationController hide navigation bar
UINavigationController hide navigation bar HI, How to hide the navigation bar of UINavigationController? I have to hide navigation bar of UINavigationController on the click of a button. Thanks Hi, Use following

how can i display a editable result of form?
show the result but i can not modify the result. how can i display modifyable...how can i display a editable result of form? how can i display a editable result of form? i know how to display form result but the result

hide keyboard iphone
hide keyboard iphone Can anyone tell me how to hide keyboard in my simple view based application in iphone? Hiding keyboard in iPhone - (BOOL)textFielsShouldReturn:(UITextField *)textField { [textField

Help with jQuery show hide div script - JSP-Interview Questions
Help with jQuery show hide div script Hi guys, I have a jquery script for showing and hiding the content inside, between two divs, controlled with radiobuttons. I like to use the same jquery script for another group of divs

Hide text by clicking button
Hide text by clicking button In this tutorial, we will discuss about hide/show... : hide and show .The "hide " button is used to hide text and "show...; inside ".show(2000)" method is used to determining how long

Criteria with Multiple Tables - Hibernate
Criteria with Multiple Tables I am using Hibernates Criteria. How to get Joins using Criteria? e.g. instead of below query i want to use criteria then How i can? select user from TeamsUserEntity

How can i search and insert within a query
How can i search and insert within a query if it is possible that for eg: Retrieve seat numbers sql tables bases of some conditions eg batch semester and degree if i search batch 2008 , semester first and degree bscs then search

mysql select from multiple tables
mysql select from multiple tables how can i select the date field from multiple tables in mysql? "UNION" can be used to select data from multiple tables in my sql... for example (SELECT * from name where `name

JavaScript hide() method
JavaScript hide() method JavaScript provides a method hide(), so that user can hide elements whenever they require. This function may be helpful when user wants to show some

Learn how to take MySQL Backups and restore the same.
Learn how to take and then restore the MySQL database backup. You can use mysqldump utility to take the backup of MySQL database and tables with or without..., you can do it manually or take the help of cron script. The cron script

How to Hide Button using Java Swing
How to Hide Button using Java Swing Hi, I just begin to learn java programming. How to hide the button in Java programming. Please anyone suggest... Programming application how to hide the buttons using Java Swing. Please Visit

JavaScript Show Hide table
JavaScript Show Hide table...; In this section, we are going to show and hide table on clicking the button using...;h2>Show or Hide table in JavaScript</h2> <script>

how to show random image in ASP.net?
how to show random image in ASP.net? hello bros i saw in many websites..there is a programming of random image changing.... i want to use this in my ASP.NET websites, can any one suggest me code or any kind of help..so that i

Hide/show Image by click
Hide/show Image by click In this tutorial ,we will discuss about how... are given. By clicking on upper line , it will hide the image and the line...; Click here to hide the logo </font> </div> <div id

how can i export a .jar file include .mbd file?
how can i export a .jar file include .mbd file? i have a project... a error that can't export .jar file width the .mdb file ? how can i import this .mdb file width the .jar file? and how can i run this file on the other computer

JavaScript Hide Table Rows
; In this section, you will learn how to hide table rows using JavaScript...); var len = t.rows.length; var rowStyle = (hide)? "none":""; for(i=1 ; i<... JavaScript Hide Table Rows

How can I do it? .click();
How can I do it? .click(); I have a very unusual problem. I want...("a"); x.click(); </script> So it's click on an element witch one Id's is "a", but I want that it make mouseup in this element. How can I do it, because if I write

how should i can solve
how should i can solve Web based program - Input - Person's contact details with Passport Number as Unique Key. Save data in to oracle / MySQL. Output - List of Persons saved in the database. Technology to be used - JSP

join multiple tables via hibernate criteria - Hibernate
join multiple tables via hibernate criteria Dear all, i have a problem working with hibernate. i wanna join multiple tables via hibernate criteria. How can i do this operation? Thanks in advance regards Rosa

Join tables in the specific database
can join the tables various types like: Natural join, Natural left join... to show all fields that matches in the both tables on the basis of Emp_name field... Join tables in the specific database

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.

Tutorial Topics