Siga-nos em...
Follow us on Twitter Follow us on Facebook Watch us on YouTube
Registro

Alpha Servers
Resultados 1 a 4 de 4
  1. #1

    Avatar de gokuka
    Data de Ingresso
    Apr 2013
    Localização
    lelek lek lek
    Idade
    28
    Posts
    179
    Agradecido
    46
    Agradeceu
    30
    Peso da Avaliação
    12

    Padrão Como fazer uma div sumir ao clicar no botão?

    Galera minha dúvida é mecho com html e css há mais ou menos 3 anos e meio e ainda não sei como faz uma div sumir quando um certo botão foi clicado!

    Eu sei que preciso fazer uma função em javascript, isso eu já fiz

    mas a div some e aparece sem eu clicar de novo no botão ;(

    Alguém tem um jeito mais fácil de fazer isso?

    Solved

    Meu botão tava dentro do form tinha que colocar pra fora

    ta aqui o código pra quem quiser

    Código:
    function toggle(obj) {
    
    	var el = document.getElementById(obj);
    
    	if ( el.style.display != 'none' ) {
    
    		el.style.display = 'none';
    
    	}
    
    	else {
    
    		el.style.display = '';
    
    	}
    
    }
    Última edição por gokuka; 19-03-2015 às 02:53 PM.

  2. #2



    Avatar de Renato
    Data de Ingresso
    Nov 2010
    Localização
    Imperyus
    Posts
    1.099
    Agradecido
    2519
    Agradeceu
    492
    Peso da Avaliação
    30

    Padrão

    Se estiver trabalhando com jquery, use:

    onclick

    $('#divname').show();
    $('#divname').hide();
    Última edição por Renato; 19-03-2015 às 03:43 PM.
    Código PHP:
    <?php
        
    if(Weather::getState() == 'Rainy weather') {
            
    $this->removingLittleHorseFromRain();
        }

  3. O Seguinte Usuário Agradeceu Renato Por este Post Útil:


  4. #3

    Avatar de fabricionaweb
    Data de Ingresso
    Sep 2009
    Localização
    goiania - go
    Posts
    88
    Agradecido
    134
    Agradeceu
    35
    Peso da Avaliação
    15

    Padrão

    Citação Postado originalmente por Renato Ver Post
    onclick

    $('#divname').show();
    $('#divname').hide();
    Isso considerando que ele está usando jQuery, e se estiver, porque não usar .toggle() ?

    Mesmo assim, estude sobre eventos javascript e nunca seja dependente de frameworks.

    Eu costumo criar uma classe css generica para esconder elementos

    Código:
    .hide { display: none; }
    Assim, basta adiciona-la ao elemento usando classList

    Código:
    function toggle(event) {
        event.preventDefault();
        event.target.classList.toggle('hide');
    }
    Para adicionar recomendo sempre eventListener

    Código:
    document.getElementById('elemento').addEventListener('click', toggle);
    Ou com querySelector (embora getElementById seja mais rapido)

    Código:
    document.querySelector('#elemento').addEventListener('click', toggle);
    Última edição por fabricionaweb; 19-03-2015 às 03:52 PM.

  5. Os Seguintes 4 Usuários Agradeceram você fabricionaweb Por este Post Útil:


  6. #4

    Avatar de gokuka
    Data de Ingresso
    Apr 2013
    Localização
    lelek lek lek
    Idade
    28
    Posts
    179
    Agradecido
    46
    Agradeceu
    30
    Peso da Avaliação
    12

    Padrão

    Eu tinha resolvido porem estava bugando...

    fabricionaweb resolveu meu problema..

    Grato!!!

 

 

Informações de Tópico

Usuários Navegando neste Tópico

Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)

Tópicos Similares

  1. |Suporte| Como fazer um loop?
    Por gokuka no fórum PHP
    Respostas: 2
    Último Post: 21-03-2015, 12:28 AM
  2. |Vídeo-aula| Como Fazer Pet's coloridos
    Por DetroiT no fórum Habbo
    Respostas: 0
    Último Post: 31-08-2011, 02:00 PM

Marcadores

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •