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


HGIDC
Resultados 1 a 4 de 4
  1. #1

    Avatar de gokuka
    Data de Ingresso
    Apr 2013
    Localização
    lelek lek lek
    Idade
    22
    Posts
    183
    Agradecido
    46
    Agradeceu
    30
    Peso da Avaliação
    6

    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.249
    Agradecido
    2002
    Agradeceu
    533
    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
    89
    Agradecido
    141
    Agradeceu
    36
    Peso da Avaliação
    9

    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
    22
    Posts
    183
    Agradecido
    46
    Agradeceu
    30
    Peso da Avaliação
    6

    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
  •