use of hide box on a jsp page using javascript

**Dormilich** · Aug 25 '13, 08:23 AM

the first thing you should take in is that JSP is on the server and JavaScript is on the client (browser). i.e. JS code works on the output created by JSP.

so it would be helpful to know the HTML created from JSP.

**shashikala** · Aug 26 '13, 05:46 AM

Hey Dormilich. Thankyou for the reply. Well let me send you my code n i hope you understand the problem with it.

Code:

 //js code
<script type="text/javascript">
           function showHide() {
    var ele = document.getElementById("showHideDiv");
    if(ele.style.display == "block") {
          ele.style.display = "none";
    }
    else {
      ele.style.display = "block";
    }
}
</script>
//jsp code
<body>
<%
 try{
             Class.forName("oracle.jdbc.OracleDriver");
       con=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","swati","goyal");
       ps1=con.prepareStatement("select * from register where status='No'");
       rs1=ps1.executeQuery();
       while(rs1.next()){
       s1=rs1.getString(2);%>
          <a href="javascript:showHide()"><% out.println(s1);%>

              <div id="showHideDiv" style="display: none;">
<%
 try{
     
       ps=con.prepareStatement("select * from register where name=? and status='No'");
       ps.setString(1, s1);
       rs=ps.executeQuery();
       if(rs.next()){
       out.println(rs.getString(2));
       out.println(rs.getString(4));
       out.println(rs.getString(5));
       out.println(rs.getString(6));%>
      <form action="ALApproval.do" align="right">
          <input type="hidden" name="h1" value="<%=rs.getString(2)%>"/>
          <input type="hidden" name="h2" value="<%=rs.getString(6)%>"></input>
          <input type="submit" class="buttn" onclick=""/>
      </form>

      <% }

       }catch(Exception e){System.out.println(e);}
%>
</div>

              <br/>
</a>
 <% }
       }catch(Exception e){System.out.println(e);}
%>
</body>

**Dormilich** · Aug 26 '13, 02:54 PM

it would be really helpful if you could post the code that you get in the browser. I am not a JSP expert to do that conversion by myself.

**shashikala** · Aug 29 '13, 08:20 AM

Sorry, what do you mean by the browser code? I just want to know how to use hide/show box efficiently.
I think you are not getting my problem :-(

**buy domain** · Aug 29 '13, 10:31 AM

Make hidebox invisible initially and make it visible only when user clicks on corresponding element.

**Dormilich** · Aug 29 '13, 02:56 PM

Sorry, what do you mean by the browser code? I just want to know how to use hide/show box efficiently.

what do you think, on what code does JavaScript work:
a) JSP sorce code
b) HTML source code

**shashikala** · Aug 30 '13, 06:09 AM

hey buy domain.. that is what i am asking how to make it visible for that particular element? rather it makes the hide box visible for each element upon clicking any one element.

**shashikala** · Aug 30 '13, 06:11 AM

javascript workd on the html code. that is why i have called showHide() in the html source code and the rest of the logic is in jsp.

Code:

 <a href="javascript:showHide()">

use of hide box on a jsp page using javascript

use of hide box on a jsp page using javascript

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment