Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Esconder ou Mostrar Tabela em JavaScript
PunBB PhpBB2 PhpBB3 Invision Blog Site

Código:
<style>
#escndtable {
margin-right: 5px;
font-weight: bold !important;
color: #000;
padding: 4px 10px !important;
border-radius: 3px 3px 3px 3px;
border: 0px solid rgb(221, 221, 221);
background: rgb(5,196,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(5,196,255,1) 0%, rgba(2,95,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,196,255,1)), color-stop(100%,rgba(2,95,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,196,255,1) 0%,rgba(2,95,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,196,255,1) 0%,rgba(2,95,226,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,196,255,1) 0%,rgba(2,95,226,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(5,196,255,1) 0%,rgba(2,95,226,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05c4ff', endColorstr='#025fe2',GradientType=0 ); /* IE6-9 */
}
#rsrsnv {
position: fixed;
top: 50%;
right: 10%;
background: transparent;
padding: 5px;
border-radius: 5px;
}
</style><div id="rsrsnv"><div>
<center>
    <TABLE ID=tableau>
      <TR>
      <TD>CONTEUDO</TD>
      </TR>
      </TABLE>
      </center>
    </div>

      <SCRIPT>
      function disparition()
      {
      if(document.getElementById)
      document.getElementById("tableau").style.visibility = 'hidden'
      }
      </SCRIPT>
<br>
      <a id='escndtable' onClick='disparition();return(false)'>Esconder</A>         
   
      <SCRIPT>
      function afficher()
      {
      if(document.getElementById)
      document.getElementById("tableau").style.visibility = 'visible'
      }
      </SCRIPT>

      <a id='escndtable' onClick='afficher();return(false)'>Mostrar</a><br><br></div>

CONTEUDO = Isto sera o conteudo que aparecera ou sera oculto.


Resultado: Este script e acompanhado de css e cria uma tabela com os botoes Esconder e Mostrar que trabalham o conteudo da tabela.
Ver perfil do usuário

#2
 'Fusion

avatar
Membro
Vou testar =D
Ver perfil do usuário samuca_akira@hotmail.com

#3
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#4
 Conteúdo patrocinado