Jump to content

Search the Community

Showing results for tags 'onclick'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 30 results

  1. Boa tarde Pessoal e minha primeira vez aqui. e gostaria de uma ajuda. como posso salvar no banco o input adicionado pela função ONCLICK?? Encontrei essa ajuda aqui no fórum "(formulario[0][quantidade]) para que os inputs adicionados não fiquem com mesmo nome, porém ainda não conseguir salvar no banco, estou salvando apenas o principal. Resumindo, preciso salvar os pedidos de todos inputs e select adicionado pelo onlick. <div id="box" > <form id="teste" method="post"> <?php if(isset($_POST['acao'])){ $tipo_material = $_POST['material']; $quantidade = $_POST['quantidade']; // salvar no banco de dados! $gravar = new Painel(); $gravar->cadastrarItem($tipo_material,$quantidade); } ?> <div class="pedido"> <label>Selecione Material:</label> <select name="formulario[0] [material]" id="material"> --AQUI MOSTRA OS DADOS RETORNADOS POR UM CONSULTA AO BANCO COM FOREACH-- </select> <input type="text" id="quantidade" name="formulario[0][quantidade]" placeholder="Digite a Quantidade" > <input type="submit" name="acao" value="Cadastrar!"> </form> </div><!--pedido--> </div><!--box-->
  2. Ola pessoal, tenho um formulário e preciso que ao clicar no botão, eu envie parâmetros do que foi digitado nos campos input dentro da url função do onclick: <form action="whatsapp.php" id="send-whatsapp" target="_blank" method="get"> <input name="login" type="hidden" value="logindousuario"> <input name="numero" type="hidden" value="numero"> <input type="text" name="nome" placeholder="Nome"> <input type="text" name="telefone" class="telephoneMask" placeholder="(00) 0000-0000"> <input type="submit" value="" class="enviar" onclick="return gtag_report_conversion('https://site.com.br/whatsapp.php?login=valordoinput&numero=valordoinput&nome=valordoinput&telefone=valordoinput')"> </form> Podem me ajudar? Obrigado!
  3. empirerock

    onclick=window.open não funciona

    Bom dia. Estou usando datatable em server processing, e uma das colunas não funciona o window.open, ele simplesmente carrega na mesma página, não abre em nova janela. Alguém poderia me ajudar? Justamente a linha $('td:eq(6)', nRow).html(...... não funciona. "fnRowCallback": function( nRow, aData, iDisplayIndex ) { $('td:eq(1)', nRow).html('<a href="pdf/componente/'+aData[5]+ '" onclick="window.open(\'pdf/componente/'+aData[1]+'\', \'newwindow4\', \'width=900, height=570\', \'left=30, top=10\', \'scrollbars=1\'); return false;">'+aData[1]+'</a>'); $('td:eq(0)', nRow).html('<a href="pdf/cabo/'+aData[6]+ '" onclick="window.open(\'pdf/cabo/'+aData[0]+'\', \'newwindow4\', \'width=900, height=570\', \'left=30, top=10\', \'scrollbars=1\'); return false;">'+aData[0]+'</a>'); $('td:eq(5)', nRow).html('<a href="pdf/fotos/'+aData[7]+ '" onclick="window.open(\'pdf/fotos/'+aData[7]+'\', \'newwindow4\', \'width=900, height=570\', \'left=30, top=10\', \'scrollbars=1\'); return false;">'+aData[7]+'</a>'); $('td:eq(6)', nRow).html('<a href="pdf/fotos/'+aData[8]+ '" onclick="window.open(\'pdf/fotos/'+aData[8]+'\', \'newwindow4\', \'width=900, height=570\', \'left=30, top=10\', \'scrollbars=1\'); return false;">'+aData[8]+'</a>'); return nRow; },
  4. Bom dia galera, tenho no meu site um menu feito com <li> e precisava que um deles abrisse em uma nova aba <li onclick="parent.location='<?php echo base_url(''); ?>''">SITE</li> procurei um monte na internet pra tentar achar e vi o pessoal falando pra colocar o targed _blank mas tentei de tudo quanto é forma e não consigo fazer funcionar, ou ele gera um erro no codigo e zoa o menu ou ele continua abrindo a devida pagina na mesma aba.
  5. Olá. como mudar via JS o valor contido no Location do onclick de um botão? tentei com document.getElementById(); mas não deu certo. O caso é esse: Tenho o botão <input type="button" id="bt" onClick="window.location='page.php'"> Através de uma função JS quero mudar de page.php para novapage.php A função é: function mudarURL(u){ var url = u; document.getElementById('bt').onclick = url; } ao ser chamada, a função recebe o valor "novapage.php" e armazena em "var url", em seguida envia a nova URL para o Location do botão. grato galera!!
  6. Olá galera, Estou desenvolvendo uma página com um form disparado para um link externo, mas antes preciso salvar os dados em um banco de dados. Não manjo muito de Javascript, então sou grato pela ajuda de quem puder ajudar. O código está assim: Página do form: <form action="URL-pra-onde-vao-os-dados-do-form" method="post" onSubmit="javascript:return Valida(this)"> Na mesma página do Form: <script language="JavaScript"> function Valida(form) { var formulario = document.getElementById('id-do-form-aqui'); <% set BD=server.createobject("adodb.connection") BD.open MM_global_STRING Dim rsATV : Set rsATV = Server.CreateObject("adodb.recordset") rsATV.Open "usuarios",BD,3,3 'Tentativa de correção de acentuação no BD bem sucedida. 'Response.CharSet = "windows-1250" 'Session.LCID = 1046'PADRÃO BRASILEIRO rsATV.AddNew rsATV("us_nome_real") = Request.Form("FNAME") rsATV("us_email") = Request.Form("EMAIL") rsATV("us_nome") = Request.Form("USUARIO") rsATV("us_senha") = Request.Form("SENHA") rsATV("us_confirme_senha") = Request.Form("CONFIRMESENHA") rsATV.Update rsATV.Close %> formulario.submit(); return false }; end function </script> Os Form é enviado, o novo registro no banco é criado, mas sem os dados do form, ou seja, um registro em branco. Desde já agradeço a ajuda.
  7. Preciso criar um album de fotos que ao clicar na imagem apareça uma descrição, e ao clicar novamente na imagem a descrição desapareça. Consigo fazer aparecer o texto mas não consigo oculta-lo depois de clicar novamente. Outra duvida, coloquei a div texto mas a formatação css que coloco nao aparece. HTML: <body> <h1>ÁLBUM DE FOTOS</h1> <div class="album"> <img src="foto1.jpg" onclick="mostrarTexto('Descriçao1!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto2.jpg" onclick="mostrarTexto('terbrbrb!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto3.jpg" onclick="mostrarTexto('aaaaaaa!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto4.jpg"onclick="mostrarTexto('bbbbbbbb')" max width="300" max height="300"> </div> <div class="album"> <img src="foto5.jpg" onclick="mostrarTexto('cccccccc')" max width="300" max height="300"> </div> <div class="album"> <img src="foto6.jpg" onclick="mostrarTexto('dddddddd')" max width="300" max height="300"> </div> <div id= "texto"></div> <div class="album"> <img src="foto7.jpg" onclick="mostrarTexto('eeeeeee')" max width="300" max height="300"> </div> <div class="album"> <img src="foto8.jpg" onclick="mostrarTexto('fffffff')" max width="300" max height="300"> </div> <div class="album"> <img src="foto9.jpg" onclick="mostrarTexto('ggggggg')" max width="300" max height="300"> </div> </body> CSS: html { font-family: Arial, Helvetica, sans-serif } h1{ font-family: Arial, Helvetica, sans-serif; color: rgb(117, 170, 231); font-size:2rem; text-align: left; } .album{ float: left; width: 500px; } .texto{ font-family: Arial, Helvetica, sans-serif; font-size:2rem; color: rgb(92, 192, 92); } JS: function mostrarTexto(msg) { texto.innerHTML= msg; }
  8. Brendon Rodrigues Miranda

    evento onclick

    Gostaria de saber se é possível fazer o evento onclick retornar ao estado antes do click ao clickar novamente, é possível? seja por condicional ou algo parecido, se sim como? meu objetivo é alternar 2 imagens diferentes com apenas o evento onclick!
  9. DinhoPHP

    Click não funciona!

    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>
  10. Não entendo o porque que o seguinte código não ativa o evento de onclick, alguém poderia me tirar essa dúvida? os eventos só podem ser usados dentro das tags?? <button name="button">click</button> <script type="text/javascript"> var btn = document.getElementsByTagName("button"); btn[0].onClick=alert("Funciona!"); </script> obs: comecei com o javascript faz uma semana :-)
  11. rodrigo antonio  cruz

    Onclick JS

    Olá amigos bom dia, venho pedir uma ajudinha, o problema é o seguinte, tenho um form html dentro de um js, e preciso enviar esse form por ajax, porém n estou conseguindo executar o onclick dentro dele e nem pegar os values dos inputs, segue o source abaixo para análise, desde já muito obrigado! Esse trecho do form HTML está dentro de um popover, dentro do js '<form>'+ '<div class="fc-body remove-confirm">' + '<p> <b>Deseja excluir o Agendamento?</b></p>' + '<div class="text-center">' + '<input type="hidden" name="id" id="id" class="form-control" value='+event.id+'>'+ '<input type="hidden" name="deletar" id="deletar" value="1">'+ '<button type="buttom" class="btn btn-rounded btn-sm"><i class="fa fa-check" onclick="excluir()"></i> Sim</button>' + '<button type="button" class="btn btn-rounded btn-sm btn-default remove-popover"><i class="fa fa-times"></i> Não</button>' + '</div>' + '</div>' + '</form>' + Aqui é minha função com ajax, que também esta no mesmo js que o form html function excluir(){ var id=$('#id').val(); var deletar=$('#deletar').val(); $.ajax({ url: '../excluir.php', type: "POST", data:'id='+id+'&deletar='+deletar }).done(function(resposta){ if (resposta=='deletou') { swal({ title: "Processo Concluído!", text: "Atualizado com sucesso!", type: "success", confirmButtonClass: "btn-success", confirmButtonText: "Ok" }); }else{ window.location="index"; } } }); }
  12. sei que dá para utilizar o onclick no jquery, mas resolvi fazer via javascript mesmo, e ocorre que tenho 3 divs, onde constam os eventos onclick. Ocorre que ao clicar em alguma delas, na funcao exibe_materia, coloquei um alert para exibir o valor que a função passou e a função retorna a informação das tres divs simultaneamente, explicando melhor: se clico na ultima div (titulo_relato3), o alert existente na função, responde que o valor que foi passado é 3, então você dá um enter no OK da caixa de diálogo, imediatamente entra uma outra caixa e informa que o valor passado foi 2, sucede novamente a mesma situação, e aparece uma nova caixa e informa que o valor passado foi 1. Se eu clico na segunda div, ocorre o mesmo, apenas informando inicialmente que o valor é 2, e depois o valor é 1. Então nota-se que apesar de clicar em apenas uma div, ele retorna a informação das demais também. Então fico pensando se realmente esta história de onclick em div realmente funciona via javascript puro...
  13. tenho uma imagem onde consta o evento onclick, que executa uma função. Nesta função passo algus argumentos. Os argumentos estão sendo passados todos corretos, mas na hora de exibir no navegador mostra um valor que não sei de onde vem este valor. Fui verificar lá no depurador, estou usando o chrome, e cliquei lá em INSPECIONAR e peguei o resultado do codigo, que segue abaixo. O valor que está dando problema, é o segundo parâmetro onde consta o valor 030115. Este valor está corretíssimo. No entanto, na tela do navegador exibe um outro valor que sabe-se lá de onde vem este valor. Não há erro no codigo, pois se o proprio resultado do painel debugador está mostrando o valor correto, não entendo porque na tela exibe outro valor. Alguém já se deparou com um problema assim?? Será que o javascript é confiável?? Já limpei cache, reiniciei a máquina, rodei antivirus...e nada...
  14. Eu tenho vários botões da classe "b3". Um desses tem id="bt1" e display="block". Também tenho vários botões da classe "b4". Um desse tem id="bt2" e display="none" Quando clico em algum dos "b3", o display deles todos fica "none" e o display de todos os "b4" fica "block" //parei a implementação aki... Mas eu preciso que pra cada combinação "b3" + "b4" ocorra um função diferente baseado no id dos botões deles. Por exemplo, teria um função específica e única para a combinação "bt1" + "bt2" A classe "b3" tem 10 botões e a "b4" tem 6. Eu, teoricamente, preciso fazer 60 funções, e, mesmo assim, nem sei o que por nessa funções!!! Preciso unir dois .clicks para executar cada uma das 60 funções E, além disso, tem uma forma de não serem necessárias 60 funções (com possíveis 60 ifs)? Desde já obrigado a todos.
  15. Bom dia amigo, tenho um sistema de venda rápida de fichas. Então tenho as letras e números cadastrados e um produto referente a ela, vamos supor que a pessoa esteja na tela de venda e aperta o número 1 no teclado, então ele imprime uma ficha de água... aperta o número 2 e imprimi a ficha de cerveja e assim por diante. A programação de imprimir fica dentro de speedbuttons mas é ativo pelo FORM , a funçaõ está dentro de OnKeyPress ( if key='1' then SpeedButton1.click; ). Porém agora surgiu a necessidade de desabilitar determinados produtos durante a festa, ou seja, desabilito o botão SpeedButton1 e quando a pessoa apertar 1 no tecado esse botão não retorna nenhuma ação. Tentei fazer uma função SpeedButton1.enabled := false; MAS, com a função está vindo dentro do form OnKeyPress, ainda continua funcionando, independente se o botão está habilitado ou não. PERGUNTA: É possível uma função dentro de um botão que desabilite a função Click que está sendo chamada pelo form?
  16. ewertonmartiny

    span onclick

    Olá! Tentei editar o recurso <span on click> em alguns trechos desta página e não consegui porque não sei bem como funciona. https://pastebin.com/GdDNydjk A página é dividida por anos (2017, 16, 15...) e eu queria que os itens ficassem ocultos e só aparecessem quando clicasse no ano que eu quero abrir. Também tentei fazer com que esse mesmo elemento fosse fechado ao estar expandido, mas não consegui. Alguém poderia ajudar?
  17. AlexandreHenrique

    onclick chama função PHP

    Boa noite amigos, preciso chamar uma função PHP ao clicar em um botão tipo submit, é possível? Tenho o seguinte código: <form action="pagina.php" target="_blank" method="POST" > <input type="text" name="nome" /> <input type="text" name="email" /> <input type="submit" onclick="testephp()"value="Enviar"/> </form> <?php function testephp(){ comandos } ?>
  18. PrzFernando

    Passar informação com onClick

    Oi pessoal, Estou com uma dúvida: existe alguma forma de atualizar uma informação MySQL ao clicar em um objeto sem refresh da página?
  19. Neste script do google tem um comenterio escrito "Add code to handle subscribe event." traduzindo "Adicionar código para lidar com evento de assinatura.". Eu quero saber se tem como eu colocar um codigo nesse lugar para que quando ocorre a ação "subcribe" o botão suma. <script src="https://apis.google.com/js/platform.js"></script> <script> function onYtEvent(payload) { if (payload.eventType == 'subscribe') { // Add code to handle subscribe event. } else if (payload.eventType == 'unsubscribe') { // Add code to handle unsubscribe event. } if (window.console) { // for debugging only window.console.log('YT event: ', payload); } } </script> <div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>
  20. asfaria

    carregar a imagem no onclick

    Galera me ajuda ai,. estou com mais um problema já e não o erro, onclick não carrega a imagem do pause <html lang="pt-br"> <head> <meta charset="utf-8"> <title>Cantora Gospel</title> <meta name=""> <meta name="decription" content=""> <link rel="stylesheet" href="css/estilo.css"> <script type="text/javascript" src="js/controls.js"></script> </head> <body id="home"> <header> <div id="wrapper"> <audio id="mytrack" controls> <source src="audio/som.mp3" type="audio/mp3"/> </audio> <nav> <div id="defaultBar"> <div id="progressBar"></div> </div> <div id="buttons"> <button type="button" id="playButton" onclick="playOrPause()"></button> <button type="button" id="muteButton"><button> <span id="currentTime">0:00</span> / <span id="fullDuration">0:00</span> </div> </nav> </div> </header> <script type="text/javascript" src="js/controls.js"></script> <div class="container"> <nav id="menu"> <ul id="nav"> <li><a href="index.html" id="ho">Home</a></li> <li><a href="news.html">News</a></li> <li><a href="perfil.html">Perfil</a></li> <li><a href="fotos.html"class="active">Fotos</a></li> <li><a href="videos.html">Videos</a></li> <li><a href="discografia.html">Discografia</a></li> </ul> </nav> <section>Conteudo</section> <aside>Relacionado</aside> <footer>Roda Pé</footer> </div> </body> </html> CSS #defaultBar{ width:640px; position:relative; background-color:#606060; height:10px; } #progressBar{ position:absolute; height:0px; background-color:#3498db; width:100px; } #playButton{ background-color:rgb(250,250,250); border:none; height:20px; width:20px; background-image: url(../imagens/play.png); background-repeat:no-repeat; background-position:center; } #muteButton{ background-color:rgb(250,250,250); border:none; height:20px; width:20px; background-image: url(../imagens/speak.png); background-repeat:no-repeat; background-position:center; } #muteButton:active,#playButton:active { position:relative; top:2px; } JAva Script var mytrack = document.getElementById('mytrack'); var playButton = document.getElementById('playButton'); function playOrPause(){ if(!mytrack.paused && !mytrack.ended){ mytrack.pause(); playButton.style.backgroundImage = 'url(../imagens/play.png)'; } else{ mytrack.play(); playButton.style.backgroundImage = 'url(../imagens/pause.png)'; } } O erro Failed to load resource: net::ERR_FILE_NOT_FOUND
  21. Olá, estou usando esses botões no meu projeto, <button class="btn1" onclick="dispara('c1')">Clique aqui</button> <span id="c1" inicial="1"></span> <button class="btn2" onclick="dispara('c2')">Clique aqui</button> <span id="c2" inicial="2"></span> <button class="btn3" onclick="dispara('c3')">Clique aqui</button> <span id="c3" inicial="3"></span> <button class="btn4" onclick="dispara('c4')">Clique aqui</button> <span id="c4" inicial="3600"></span> Cada um deles com um tempo diferente, $('.btn1').click(function() { var button = $(this); button.addClass('disabled').text('Aguarde...'); setTimeout(function() { button.removeClass('disabled').text('Clique aqui'); /* 1min. */ }, 60000); }); $('.btn2').click(function() { var button = $(this); button.addClass('disabled').text('Aguarde...'); setTimeout(function() { button.removeClass('disabled').text('Clique aqui'); /* 2min. */ }, 120000); }); $('.btn3').click(function() { var button = $(this); button.addClass('disabled').text('Aguarde...'); setTimeout(function() { button.removeClass('disabled').text('Clique aqui'); /* 3min. */ }, 180000); }); $('.btn4').click(function() { var button = $(this); button.addClass('disabled').text('Aguarde...'); setTimeout(function() { button.removeClass('disabled').text('Clique aqui'); /* 1h. */ }, 3600000); }); Visualizar botões aqui: https://jsfiddle.net/4h3pnL26/10/ Minhas Questões são as seguintes, 1 - quando eu atualizo a pagina os botões voltam a ficar habilitados, que alterações devo fazer pra arrumar? 2 - como fazer cada botão iniciar um contador regressivo de acordo com seus respectivos tempos? (c1, c2, c3 e c4) 3 - como seria o código desse contador regressivo? Desde já eu agradeço...
  22. Eduardo_555

    Criando função onclick ?

    Olá pessoal bom dia!! Estou criando uma pagina onde tenho uma lista com links na lateral, cada link que o usuário clica altera o um a variável id. no lado desta lista tenho um input que vai cadastrar uma mensagem no banco de dados, o funcionamento é o mesmo do whatsap web, na lista temos os contatos e no lado um formulário e as mensagens já enviadas. estou usando o Framework codeigniter php para ajudar no desenvolvimento. seria assim cada vês que clico no link lateral gostaria que fizesse um onclick, que enviasse o dado para um input do formulário que ficara hidenn. porem isso não funciona acredito que seja pelo codeigniter ja que tenho que colocar o chamado da função onclick dentro de um anchor vou postar oque ja fis para vocês derem uma olhada aguardo um help ai!! Esta é a função javascript function preencher(value) { var resultado = document.getElementById('cliente'); resultado.value += " " + value; } Este a lista onde clico e seleciono o id <li><?= anchor("Redirecionador/encontraEventos/{$cliente['id']}", "$exibicao", array('onclick'=>'$variavelid'))?><li> e aqui o formulario que tenho que colocar o valor retornado pela função javascript <?php echo form_open("Cadastro/Acontecimentos"); echo form_input(array( "name"=>"acontecimento", "id"=>"acontecimento", "class"=>"form-control", "placeholder"=>"Informe um evento relacionado a este cliente!", "type"=>"text", )); echo form_input(array( "name"=>"cliente", "id"=>"cliente", "class"=>"form-control", "type"=>"hidden", )); ?> não funciona de jeito maneira, oque sera que esta errado Agradeço desde já!!
  23. Shieldseg

    Problemas com myfunction

    Boa Noite! Sou iniciante em Javascript e novo aqui no fórum, estou com um problema para um site de um cliente. não estou conseguindo executar duas "Function" que encontrei no w3c ao mesmo tempo, está dando algum conflito: Segue o exemplo do meu problema a baixo: <!DOCTYPE html> <html> <head> <style> .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { background-color: #3e8e41; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .show {display:block;} .container { display: inline-block; cursor: pointer; } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px) ; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px) ; transform: rotate(45deg) translate(-8px, -8px) ; } </style> </head> <body> <p>Click on the Menu Icon to transform it to "X":</p> <div class="container" onclick="myFunction(this)"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <h2>Clickable Dropdown</h2> <p>Click on the button to open the dropdown menu.</p> <div class="dropdown"> <button id="myBtn" class="dropbtn">Dropdown</button> <div id="myDropdown" class="dropdown-content"> <a href="#home">Home</a> <a href="#about">About</a> <a href="#contact">Contact</a> </div> </div> <script> // Get the button, and when the user clicks on it, execute myFunction document.getElementById("container").onclick = function() {myFunction()}; /* myFunction toggles between adding and removing the show class, which is used to hide and show the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); </script> <script> function myFunction(x) { x.classList.toggle("change"); } </script> </body> </html> Quando um comando funciona, o outro não, se alguém puder dar uma ajuda! desde já, agradeço!
  24. wallace araujo

    AJUDA HABILITA E DESABILITA DIVS

    Ola pessoal estou tentando desabilitar mais de uma div com um unico checkbox estou tentando fazer issso <html> <head> <script> function verificaEmpr(amp){ var div = document.getElementById('di'+ emp.id); var div2 = document.getElementById('di2'+ emp.id); if (emp.checked == true) { div.style.display = 'block'; div2.style.display = 'block'; } else { div.style.display = 'none'; div2.style.display = 'none'; } } </script> <style> .cl_est{ margin-top: 20px; margin-left: 50px; display: none; } </style> </head> <body> <form id="frm1" name="nm_frm1"> <div> <input type="checkbox" id="e1" name="nm_ea" onClick="verificaEmpr(this);" /> Empresa A </div> <div class="cl_est" id="die1"> <input type="checkbox" id="a1" /> Estabelecimento 1 <br /> </div> <div class="cl_est" id="di2e1"> <input type="checkbox" id="a1" /> Estabelecimento 2 <br /> </div> </form> </body> </html> mais nao funciona alguma dica
  25. Tem como alguém colocar o código de cookies e também para que a contagem só comece ao clicar num link com o nome "clique aqui" <html><head> <script language="javaScript"> var min, seg; min = 20; seg = 1 function relogio(){ if((min > 0) || (seg > 0)){ if(seg == 0){ seg = 59; min = min - 1 } else{ seg = seg - 1; } if(min.toString().length == 1){ min = "0" + min; } if(seg.toString().length == 1){ seg = "0" + seg; } document.getElementById('spanRelogio').innerHTML = min + ":" + seg; setTimeout('relogio()', 1000); } else{ document.getElementById('spanRelogio').innerHTML = "00:00"; } } </script></head><body style="font-family:verdana;font-size:10px;" onLoad="relogio()"> <span id="spanRelogio"></span></body></html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.