PUBLICIDADE

Autor

rlpa

Rodrigo Araujo

membro deste abril de 2007

Tags

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

A quanto tempo você já é desenvolvedor?

Montando formulários com guias


Veja como é simples criar formulários com guias, com isso é possível ter mais informações na tela, dividindo-a.

Veja uma demonstração no código em anexo.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<SCRIPT>
function ativaAba(codAba)
{
	if(codAba==0){	abaLogin.style.backgroundColor = "#DBEEEF";	mabaLogin.style.backgroundColor = "#DBEEEF"; abaLogin.style.borderBottomWidth = 0;	mabaLogin.style.borderBottomWidth = 0; abaLogin.style.fontWeight = "bold"; layLogin.style.visibility = "visible"; }
	if(codAba==1){	abaBusca.style.backgroundColor = "#DBEEEF";	mabaBusca.style.backgroundColor = "#DBEEEF";	abaBusca.style.borderBottomWidth = 0;	mabaBusca.style.borderBottomWidth = 0;	abaBusca.style.fontWeight = "bold"; layBusca.style.visibility = "visible";}
}

function alternaAba(codAba) { destivaAbas();	ativaAba(codAba); }

function destivaAbas()
{
abaLogin.style.backgroundColor = "#FFFFFF";	mabaLogin.style.backgroundColor = "#FFFFFF";	abaLogin.style.borderBottomWidth = 1;	mabaLogin.style.borderBottomWidth = 1;	abaLogin.style.fontWeight = "normal"; layLogin.style.visibility = "hidden";
abaBusca.style.backgroundColor = "#FFFFFF";	mabaBusca.style.backgroundColor = "#FFFFFF";	abaBusca.style.borderBottomWidth = 1;	mabaBusca.style.borderBottomWidth = 1;	abaBusca.style.fontWeight = "normal"; layBusca.style.visibility = "hidden";
}
</SCRIPT>

<body onload=alternaAba(0);>
          <table border="1" width="40%" height="136">
            <tr>
              <td width="100%" height="130" valign="top" bgcolor="#DBEEEF">
<TABLE class="arial size11 bc3A9CA1" cellSpacing=0 cellPadding=0 width=263 border=0>
              <TBODY>
              <TR>
                <TD id=abaUltMaterias bgColor=#ffffff height=20 width="535">
                  <TABLE class="c053669 decNone  bc3A9CA1" height=22 
                  cellSpacing=0 cellPadding=0 width=494 border=0>
                    <TBODY>
                    <TR>
                      <TD class="bordaLeft bordaTop bordaBottom bc3A9CA1" 
                      id=abaLogin onclick=alternaAba(0); align=middle 
                      width=60 bordercolor="#DBEEEF">
                        <p align="center"><font face="Verdana" size="1">LOGIN</font></p>
                      </TD>
                      <TD class="bordaBottom bc3A9CA1" id=mabaLogin 
                      onclick=alternaAba(0); vAlign=top width=1>&nbsp;</TD>
                      <TD class="bordaLeft bordaBottom bordaTop bc3A9CA1" id=abaBusca onclick=alternaAba(1); align=middle 
                        width=246>
                        <p align="left"><font size="1" face="Verdana">&nbsp;&nbsp;<SPAN class=mouseHand>BUSCA</SPAN></font></p>
                      </TD>
                      <TD class="bordaBottom bc3A9CA1" id=mabaBusca 
                      onclick=alternaAba(1); vAlign=top width=8></TD>
                    </TR></TBODY></TABLE></TD></TR>
              <TR vAlign=top bgColor=#dbeeef>
                <TD class="bordaRight bordaLeft bordaBottom bc3A9CA1" 
                bgColor=#dbeeef height=115 width="535">
                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <TBODY>
                    <TR>
                      <TD>
                        <DIV id=layLogin style="visibility: hidden; overflow: auto; width: 404; position: absolute; left: 36; top: 54; height: 148">
                        <form method="POST" action="login.asp">
                        <TABLE class="arial size11" cellSpacing=0 cellPadding=2 width="311" border=0 height="118">
                          <TBODY>
                          <TR>
                            <TD valign="top" height="25" width="56" align="right">Usuário:
                            </TD>
                            <TD valign="top" height="25" width="243"><input type="text" name="T1" size="20">
                            </TD></TR>
                          <TR>
                            <TD valign="top" height="25" width="56" align="right">Senha:
                            </TD>
                            <TD valign="top" height="25" width="243"><input type="text" name="T2" size="20">
                            </TD></TR>
                        
                          <TR>
                            <TD valign="top" height="27" width="56" align="right">
                            </TD>
                            <TD valign="top" height="27" width="243"><input type="button" value="Button" name="B1">
                            </TD></TR>
                          </TBODY></TABLE>
                          </form>
                          </DIV>
                        <DIV id=layBusca style="visibility: hidden; overflow: auto; position: absolute; left: 35; top: 54; width: 533; height: 142">
                        <form>
                        <TABLE class="arial size11" cellSpacing=0 cellPadding=2 
                        width="100%" border=0>
                          <TBODY>
                          <TR>
                            <TD height=8 align="center">Palavra-chave:<input type="text" name="T1" size="20"><input type="button" value="Button" name="B1"></TD></TR>
                          <TR>
                            <TD align="center"><input type="radio" value="V1" checked name="R1">no
                              site <input type="radio" name="R1" value="V2">na
                              web</TD></TR>
                          </TBODY></TABLE>
                          </form>  
                          </DIV>

                        </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
          </table>

</body>

Sim   Não   Este código foi útil para você?
NotaComentário
Ainda não foi enviado nenhum comentário.
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)

Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.