Ir para conteúdo
DinhoPHP

Click não funciona!

Recommended Posts

Olá!

Preciso que um botão (div) quando receber um clique, exiba um conteúdo, saindo ela da direta do site para esquerda, e o mesmo botão ao receber novamente o clique, a oculte voltando ao seu estado original. A segunda função com o onmouseover funcionou, porém não com o clique.

 

script responsável

<script>
        $(document).ready(function(){
            $(".try_indicator").click(function(){
                $("#caixa").removeClass("esconde");
                $("#caixa").addClass("mostra");
                $("#heart_cheio").css("display", "block");
                $("#heart_vazio").css("display", "none");
                $("#fav_vert").css("color", "transparent");
                $("#fav_hor").css("display", "block");
                $("#heart").css("display", "block");
                $("#ver_todos").css("display", "block");
                $(".try_indicator").addClass("try_indicator_open");
            });
            $("#caixa").click(function(){
                $("#caixa").removeClass("mostra");
                $("#caixa").addClass("esconde");
                $("#heart_cheio").css("display", "none");
                $("#heart_vazio").css("display", "block");
                $("#fav_vert").css("color", "black");
                $("#fav_hor").css("display", "none");
                $("#ver_todos").css("display", "none");
                $(".try_indicator").removeClass("try_indicator_open");
            });
        });
    </script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
var estado = false;

function abreFecha() {
  var frm = document.querySelector("#frm");

  switch (estado) {
    case true:
      frm.style.display = "none";
      estado = false;
      break;

    case false:
      frm.style.display = "block";
      estado = true;
      break;
  }
<button onclick="abreFecha()">Abrir Formulário</button>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por clickanapolis
      Pessoal peguei esse codigo de auto somar valor com quantidade na internet e não estou conseguindo ajustar ele.
       
      Ate que no total eu consegui incluir 2 casas decimais.
       
      Mais no subtotal não, e alem disso gostaria de colocar ele com extensão em moeda real o valor tipo:
       
      1500 para 1.500,00
       
      como eu faria:
       
      <script type="text/javascript"> $(window).load(function(){ function id( el ){ //return document.getElementById( el ); return $( el ); } function calcTotal( un01, qnt01 ) { return un01 * qnt01; } function getElementParent(event){ return event.srcElement.parentNode.parentNode.getAttribute('id'); } function getValorUnitario(elParent){ return $('#'+elParent+' .class_unit input').val(); } function getQuantidade(elParent){ return $('#'+elParent+' .class_quant input').val(); } function setFieldTotal(elParent, valueUnit, valueQuant){ id('#'+elParent+' .class_total input').val(calcTotal( valueUnit , valueQuant)); setTotalFinal(); } function setTotalFinal(){ var total = 0; $('#table-shop tr .class_total input').each(function(){ if(this.value != ''){ var valor = this.value; total += parseFloat(valor); } }); $('#total .value_total').html(total.toFixed(2)); $('#total .value_total').val(total.toFixed(2)); } $(document).ready(function(){ id('#table-shop tr .class_unit').keyup(function(event) { var elemenPai = getElementParent(event); var valueUnit = getValorUnitario(elemenPai); var valueQuant = getQuantidade(elemenPai); setFieldTotal(elemenPai, valueUnit , valueQuant); }); id('#table-shop tr .class_quant').keyup(function(event) { var elemenPai = getElementParent(event); var valueUnit = getValorUnitario(elemenPai); var valueQuant = getQuantidade(elemenPai); setFieldTotal(elemenPai, valueUnit , valueQuant); }); }); }); </script>  
    • Por Ricardo Beira
      Boa tarde.
       
      Sou bem leigo em php, sei o básico do básico e preciso muito de ajuda.
      Preciso enviar 1000 emails, porém queria dividir os envios de 50 por vez.
      Queria um campo onde ecolocava os 1000 emails ou importando de um txt e ele fizesse o processo de envio de 50-50 automaticamente.
       
    • Por D@nielle
      Olá.
      Estou com dificuldade para trocar a imagem do menu conforme passa o mouse. Criei uma função no javascript para isto, porém não encontro o erro no código.
      Segue o codigo; 
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
      <meta charset"UTF-8"/>
      <title> Tudo sobre Google Glass</title>
      <link rel="stylesheet" type="text/css" href="_css/estilo.css"/>
      </head>
      <script>
      function mudaFoto(foto){
      document.getElementByID("icone").src = foto;
      }
      </script>
      <body>
      <div id="interface">
      <header id="cabecalho">
      <hgroup>
      <h1>Google Glass</h1>
      <h2>A revolução do Google está chegando</h2>
      </hgroup>
      <img id="icone"src="_imagens/glass-oculos-preto-peq.png" alt="google glass">
      <nav id="menu">
      <h1>Menu Principal</h1>
      <ul>
      <li onmouseover="mudaFoto('_imagens/home.png')"><a href="index.html">Home</a></li>
      <li onmouseover="mudaFoto('_imagens/especificacoes.png')"><a href="specs.html">Especificações</a></li>   
       
      A ideia é trocar a imgem de id="icone" por uma imagem do meu arquivo (como está descrito acima) ao passar o mouse. 
      Obrigada
       
       
    • Por dieef5
      Boa noite pessoal,
       
      Estou com um problema e gostaria da ajuda dos amigos:
      Em uma página de escolha de forma de pagamento gostaria de fazer aparecer uma div que está oculta quando seleciono a opção pelo radio button.
      Funciona ok clicando direto no radio button, porém o radio button também é selecionado ao clicar sobre o nome da opção na DIV (exemplo: Boleto Bancário). E quando clico sobre o nome da opção a DIV oculta não aparece.
       
      Gostaria de exibir a DIV oculta tanto ao clicar sobre o nome Boleto bancário como ao clicar no radio button.
       
      o html é mais ou menos assim:
      <div class="selection row"> <div class="col-xs-6 text-left"><strong>Boleto Bancário</strong> 10% de Desconto</div> <div class="col-xs-6 text-right"><input type="radio" name="payment" value="boleto" checked="checked" /></div> </div> <div id="campos"> Exibe instrução <div  
      Meu jquery está assim:
      $("input[name=payment]").change(function(data){ var selection = $("input[name=payment]:checked").val(); console.log(selection); if(selection != "boleto") $("#campos").hide(); else $("#campos").show('fast'); }); $("#campos").hide();  
      VLw pessoal..
       
    • Por ghlevin
      Estou precisando fazer um refresh automático em algumas páginas do site de um cliente. Porém, esse refresh precisa acontecer apenas UMA vez.
      Eu sei que daria pra eu colocar a meta tag abaixo, por exemplo:
      <meta content="3;url=http://www.meusite.com.br/index.php" http-equiv="Refresh" /> Mas aí ela atualizaria sempre a cada 3 segundos. E eu queria que atualizasse só uma vez. Como dá pra fazer isso? Com uso de SESSION, COOKIE ou alguma outra coisa?
×

Informação importante

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