Ajuda java web!

Front-end
#1

Bom Galera, estou com uma duvida enorme!
Estou tentando fazer o seguinte:
tenho um jsp d cadastro, exclusão e alteração d contatos.
Hoje ela está funcionando da seguinte forma:
Qd eu clico na Aba Superior de Contatos carrega a pagina com a tabela com os campos pra um novo cadastro.
Todos em branco:

Nome:
Endereço:
E-mail:
Obs:

E abaixo dos campos aparecem os Botões:
NOVO / SALVAR / LISTAR / BUSCAR

A Aplicação está rodando hj da seguinte forma:
Qd eu clico pra abrir a Pagina CONTATO aparece a caixa em branco com os campos de Nome, Endereço e etc…
e os botões NOVO / SALVAR e etc…

Eu queria 1º q qd eu clicasse na Pagina Contato não aparecesse os campos pra novo cadastro, apenas os botões.
E q qd eu clicasse no botão NOVO aparecesse a caixa de cadastro, qd clicar em SALVAR q salve, qd clicar em BUSCAR aparecera a caixa d novo em branco pra buscar contato e qd eu clicasse em LISTAR aparecesse apenas a lista dos contatos q estão no bd.

O codigo da pagina é esse:

<%@ page import="java.util.*" %>
<%@ page import="pctel.*" %>
<%
           Object done = session.getAttribute("logon.isDone");
       
           if(done==null){
               response.sendRedirect("../login.jsp");
               return;
           }
           Object uservc =  session.getAttribute("uservc");
           Object userlc =  session.getAttribute("userlc");
            if(done.equals("admin")){
                uservc = "true";
                userlc = "true";
            }
            if((uservc.equals("false"))&&(userlc.equals("false"))){
               response.sendRedirect("../index.jsp");
               return;
            }
           
           String submit = "submit2";
           String nome =  "";
           String fone1 =  "";
           String fone2 =  "";
           String fone3 =  "";
           String fone4 =  "";
           String mail =  "";
           String endereco =  "";
           String obs =  "";
           String rst = (String) request.getAttribute("rst");
           List resultado = (List) request.getAttribute("resultado");
           int id ;
           int result ;
       try {
         result = Integer.parseInt(rst);
         id = Integer.parseInt(request.getParameter("id"));
       }
       catch (NumberFormatException ex) {
         result  = 0;
		 id = 0;
       }
	   if(result==1){
	   	  %> <script>alert('Cadastro realizado com sucesso!');</script> <%
	   }else if(result==2){
	   	  %> <script>alert('Cadastro não realizado!');</script> <%
	   }else if(result==3){
	      %> <script>alert('Exclusão realizada com sucesso!');</script> <%
	   }else if(result==4){
	      %> <script>alert('Exclusão não realizada!');</script> <%
	   }else if(result==5){

		  try {
			 id = Integer.parseInt(request.getParameter("id"));
		   }
		   catch (NumberFormatException ex) {

			 id = 0;
		   }
		  nome = (String) request.getAttribute("nome");
		  fone1 = (String) request.getAttribute("fone1");
		  fone2 = (String) request.getAttribute("fone2");
		  fone3 = (String) request.getAttribute("fone3");
		  fone4  = (String) request.getAttribute("fone4");
		  mail = (String) request.getAttribute("mail");
		  endereco = (String) request.getAttribute("endereco");
		  obs = (String) request.getAttribute("obs");
		  submit = "submit22";
	   }else if(result==6){
	      %> <script>alert('Atualização realizada com sucesso!');</script> <%
	   }else if(result==7){
	      %> <script>alert('Atualização não realizada!');</script> <%
	   }
           else if(result==8){
	      %> <script>alert('Nenhum registro encontrado');</script> <%
	   }

%>

<script language="JavaScript" type="text/JavaScript">

</script>

<body onLoad="MM_preloadImages('../componentes/imagens/excluirh.gif','../componentes/imagens/listath.gif','../componentes/imagens/buscarh.gif')">
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="20" valign="bottom">&nbsp;</td>
        </tr>
        <tr>
          <td height="38" valign="bottom" bgcolor="996c9c"> <table width="61%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="11%">&nbsp;<img src="<%=request.getContextPath()%>/componentes/imagens/34.jpg" width="32" height="32"></td>
                <td width="89%"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong><em>:.Cadastro
                  de Contatos.:</em></strong></font></td>
              </tr>
            </table></td>
        </tr>

		<tr>
          <td><form name="form1" method="post" action="cadastro" onSubmit="script:return valida()">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                    <input name="id" type="hidden" id="id" value="<%=id %>" >
                    </font></td>
                  <td>&nbsp;</td>
                  <td width="31%" rowspan="5"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">:.Telefones
                          de Contatos.:</font></td>
                      </tr>
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">1:&nbsp;
                          <input name="fone1" type="text" id="fone1" value="<%=fone1 %>" onKeyPress="javascript:return formata(fone1,2,15)" >
                          </font></td>
                      </tr>
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">2:&nbsp;
                          <input name="fone2" type="text" id="fone2" value="<%=fone2 %>" onKeyPress="javascript:return formata(fone2,2,15)">
                          </font></td>
                      </tr>
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">3:&nbsp; 
                          <input name="fone3" type="text" id="fone3" value="<%=fone3 %>" onKeyPress="javascript:return formata(fone3,2,15)">
                          </font></td>
                      </tr>
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">4:&nbsp;
                          <input name="fone4" type="text" id="fone4" value="<%=fone4 %>" onKeyPress="javascript:return formata(fone3,2,15)">
                          </font></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td width="12%"><div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;Nome:
                      </font></div></td>
                  <td width="57%"><input name="nome" type="text" id="nome" value="<%=nome %>" size="40"></td>
                </tr>
                <tr>
                  <td><div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;Endere&ccedil;o:</font></div></td>
                  <td><input name="end" type="text" id="end2" value="<%= endereco %>" size="40"></td>
                </tr>
                <tr>
                  <td><div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      &nbsp;E-mail:</font></div></td>
                  <td><input name="mail" type="text" id="mail2" value="<%=mail %>" size="40"></td>
                </tr>
                <tr>
                  <td><div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;Obs:</font></div></td>
                  <td><input name="obs" type="text" id="obs2" value="<%=obs %>" size="40"></td>
                </tr>
                <tr>
                  <td><input name="opbtn" type="hidden" id="opbtn2"> </td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td colspan="3"><table border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
					  	<% if((userlc.equals("false"))||(done.equals("admin"))){ %>
                        <td width="100"> 
                          <div align="center">
                            <input name="submit1" type="image" value="Redefinir" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Submit1','','<%=request.getContextPath()%>/componentes/imagens/novoh.gif',1)" src="<%=request.getContextPath()%>/componentes/imagens/novo.gif" alt="Novo" onClick="JavaScript:return MM_op(name)">
                          </div></td>
                        <td width="100"> 
                          <div align="center"> 
                            <input name="<%=submit %>" type="image" value="Enviar" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Submit2','','<%=request.getContextPath()%>/componentes/imagens/salvarh.gif',1)" src="<%=request.getContextPath()%>/componentes/imagens/salvar.gif" alt="Salvar" onClick="MM_op(name)">
                          </div></td>
                        <% } %> 
                        <td width="100"> 
                          <div align="center"> 
                            <input name="submit4" type="image" value="Enviar" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Submit4','','<%=request.getContextPath()%>/componentes/imagens/listath.gif',1)" src="<%=request.getContextPath()%>/componentes/imagens/listat.gif" alt="Listar Todos" onClick="MM_op(name)">
                          </div></td>
                        <td width="100"> 
                          <div align="center"> 
                            <input name="submit5" type="image" value="Enviar" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Submit5','','<%=request.getContextPath()%>/componentes/imagens/buscarh.gif',1)" src="<%=request.getContextPath()%>/componentes/imagens/buscar.gif" alt="Buscar" onClick="MM_op(name)">
                          </div></td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </form></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>
          <% if(resultado!=null){ %>
               <table width="700">
              <tr bgcolor="996c9c">
                <td width="19%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Nome</font></strong></td>
                <td width="7%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Telefone
                  </font></strong></td>
                <td width="19%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">E-mail</font></strong></td>
                <td width="24%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Endere&ccedil;o</font></strong></td>
                <td width="21%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Observa&ccedil;&atilde;o</font></strong></td>
                <% if((userlc.equals("false"))||(done.equals("admin"))){ %>
				<td width="5%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Editar</font></strong></td>
                <td width="5%"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Excluir</font></strong></td>
				<% } %>
              </tr>
              <%	  
			 String cor = "ebebeb";
    			 for (Iterator iter = resultado.iterator(); iter.hasNext(); ) {
      				cadastroVO item = (cadastroVO) iter.next();
  			%>
              <tr bgcolor="<%=cor%>">
                <td width="19%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getNome() %></font></td>
                <td width="7%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
                  <select name="select" size="1" >
                    <option selected ><%= item.getFone1() %></option>
                    <% if(!item.getFone2().equals("")){ %>
                    <option><%= item.getFone2() %></option>
                    <% } %>
                    <% if(!item.getFone3().equals("")){ %>
                    <option><%= item.getFone3() %></option>
                    <% } %>
                    <% if(!item.getFone4().equals("")){ %>
                    <option><%= item.getFone4() %></option>
                    <% } %>
                  </select>
                </font></td>
                <td width="19%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getMail() %></font></td>
                <td width="24%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getEndereco() %></font></td>
                <td width="21%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getObs() %></font></td>
               
			    <% if((userlc.equals("false"))||(done.equals("admin"))){ %>
				<td width="5%"> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
				&nbsp;<a href="editarcadastro?result=5&id=<%= item.getId() %>"><img src="<%=request.getContextPath()%>/componentes/imagens/editar.gif" width="20" height="20" border="1"></a></font></div></td>
                <td width="5%"> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;<a href="excluirCadastro?id=<%= item.getId() %>"><img src="<%=request.getContextPath()%>/componentes/imagens/excluirp.gif" width="20" height="20" border="1"></a></font></div></td>
              	<% } %>
			  </tr>
              <%
                if(cor.equals("ebebeb")){
                  cor = "d6c9d7";
                }else{
                cor = "ebebeb";
                }
              }
            %>
            </table>
          <% } %>
          </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>

Como mudo isso na pagina?
Pra qd eu clicar no botão Novo apareca a tabela pra cadastrar novos contatos, e qd eu clicar em Listar , q aparece a lista do bd, e desapareca a de novos cadastros! Por Favor me deem um HELP?
Desde já agradeço

#2