Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''togle''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 1 registro

  1. ghostdancing

    mostrar/esconder

    Olá pessoal! Juro que quebrei a cabeça, mas como sempre, não estou enxergando algo. Se puderem me ajudar agradeço. Gostaria de apertar na <label> Entrar e aparecer o <form id="formlogin">, ao clicar novamente ele desaparecesse, e eu consegui fazer isso, mas eu quero também que ao clicar na <label> Cadastrar, o #formlogin desaparecesse e ficasse o #formcadas e vice-versa. Eis o código: <head> <style type="text/css"> * { margin:0; padding:0; box-sizing:border-box; } button { border: none; background-color: white; display:inline;} #folo{ position: relative; top: 3px; left: 30px; background-color:lightgrey; max-width: 133px; } </style> <head> <body> <div id="folo" > <label id="entrarbtn" onclick="mostra();">Entrar</label> |<label onclick="mostra();"id="cadasbtn" onclick=""> Cadastro</label> </div> <form id="formlogin" style="position: relative; top: 3px; left: 30px; display:none;"> nome/e-mail:<br/> <input type="" name=""><br/> senha:<br/> <input type="" name=""><br/> <button>entrar</button> </form> <form id="formcadas" style="position: relative; top: 3px; left: 30px; display:none;"> nome/e-mail:<br/> <input type="" name=""><br/> senha:<br/> <input type="" name=""><br/> <button>cadastrar</button> </form> <script type="text/javascript"> function mostra(){ var login = document.getElementById("formlogin"); if (login.style.display ==="none"){login.style.display = "inline-block";} else{ login.style.display ="none"} } function mostraum(){ var cadas = document.getElementById("formcadas"); if (cadas.style.display === "none"){cadas.style.display = "inline-block";} else{cadas.style.display = "none";} } </script> </hmtl> Desse jeito funciona, mas as divs aparecem uma ao lado da outra e não é isso que eu queria. Agradeço desde já!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.