Jump to content

Search the Community

Showing results for tags 'button'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Calendars

  • Comunidade iMasters

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 35 results

  1. Os erros estão na imagem anexada. Não sei exatamente o que colocar quanto o conteúdo no menu, mas quanto ao botão segue abaixo: <div class="col-md-2 col-sm-6 col-6"> <button class="button button-rounded btn-block nomargin" style="margin-top: 29px !important;"><a href="http://localhost/xavier/#/imovel"></style>Encontrar</a></button> </div> Tenho certeza que é uma bobagem minha, mas perdi a tarde tentando resolver. Ainda sou estudante, não tenho conhecimento total quanto a isso (apesar de que acho que ninguém tem né kk). Enfim, Agradeço desde já.
  2. <script> $(document).ready(function() { $("button").click(function(){ if ($(this).val() == '' ) { $("button").disabled=true; }else { $("button").disabled=false; } }); }); </script> Olá prezados, Estou pesquisando mas ainda não achei algo que me ajude com o cod. se alguém puder ajudar, será de grande valia. preciso que o button só seja ativado quando todos os inputs forem preenchidos, como faço isso em JavaScript? <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="corpo-form"> <h2>Cadastrar</h2> <input type="text" class="form-control" name="nome" placeholder="Nome Completo" maxlength="30"><br><br> <select class="form-control" name="gerencia"> <option value="Selecione uma Opção" selected>Selecione uma Opção.</option> <option value="GECOR">Vendas</option> <option value="GECON">Almoxarifado</option> <option value="GECIN">RH</option> <option value="DIRETORIA">DIRETORIA</option> </select><br><br> <input type="text" class="form-control" name="telefone" placeholder="Telefone"maxlength="30"><br><br> <input type="email" class="form-control" name="email" placeholder="E-mail" maxlength="40"><br><br> <input type="password" class="form-control" name="senha" placeholder="Senha" maxlength="15"><br><br> <input type="password" class="form-control" name="confsenha" placeholder="Confirmar Senha" maxlength="15"><br><br> <input type="button" class="btn btn-danger btn-outline-light btn-block" value="Entrar" maxlength="" required="required"> <br> </div> </body> </html>
  3. petrochinski

    Hover -> Dropdown é possível ?

    Eu tive uma ideia muito boa, mas não consegui fazer ainda. A ideia é simples, eu tenho um botão escrito 'Contato', quando passar o mouse gostaria que ele "abrisse" uma div logo abaixo (dropdown), como por exemplo aparecer o telefone somente se passar o mouse. Não achei nenhum tópico com essa ideia... é que gostaria de fazer sem utilizar nav, pois nav é o menu, e a ideia inicial é de fato ser um botão que aparece as informações quando se passa o mouse. Grato :)
  4. fabiodurgante

    botao disable

    ola eu tenho o seguinte esse codigo apaga todos eelementos da tagname const elements = window.content.document.getElementsByClassName("tagname"); while (elements.length > 0) elements[0].remove(); tem paginas com botao inativos e tem que espperar 10 segundos para ativar botao poprem as vezes passa tempo e naoa ativa o bota como posso fazer para ativas todos os botoes que existe na pagina somente 1 botao poorem nao sei classname e nao sei id como poderia ativar todos os botoes ???
  5. Boa tarde, Eu fiz um <button></button> no HTML e no CSS coloquei o seguinte código: background-color: green solid; Porém o botão não fica verde :/ Alguém sabe me dizer o porque? Desde já Grato!!!
  6. Carlos Web Soluções Web

    Simples CSS Button Div transition

    Olá, pessoal, boa tarde !! Estudei toda uma apostila sobre CSS, porém não estou conseguindo realizar uma simples tarefa !! Ao passar o mouse no 'button.botao', ativar o movimento do 'div.traco' ! Eis abaixo o 'Código Fonte' que estou tentando: <!DOCTYPE html> <html> <head> <style> button.botao { width: 150px; height: 50px; border: none; background-color: black; color: red; font-size: 23px; } div.traco { width: 20px; height: 10px; background: red; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; } button.botao:hover div.traco { width: 150px; } </style> </head> <body> <button class="botao">Botao</button> <div class="traco"></div> </body> </html> Me ajudem por favor ! Obrigado !!
  7. Boa tarde caros amigos, como estão? Estou bem, apenas com um probleminha em uma página minha. E sou iniciante em tudo. Vou compartilhar da formar mais clara aqui para vocês entenderem. Atualmente meu site tem apenas um botão flutuante na página como mostrar as setas na imagem abaixo: Só que estou tentando adicionar outro botão conforme mostrarei em imagem abaixo também. O efeito do outro botão em cor laranja, é quando passar o mouse ele abre umas informações. Ele só funciona se eu remover o css principal do site, acredito que teja algo em conflito com ele. Vou postar o site em anexo, realmente precisaria de uma ajuda. Ficaria grato quem conseguisse me desvendar esse problema. A imagem do segundo botão é como está aqui abaixo: Em anexo deixarei o código do meu site. https://www.mediafire.com/file/k66gp06p460ff3c/Tema_site.zip/file
  8. joaodemoura

    Criar botton var.

    gostaria de um código para crair um button que verificasse o link em js, como essa div que verifica o nome que será exibido, conforme escolha. Se possivel, que obedecesse essa logica. Código html do exemplo. <div id="context-menu"> <div style="margin: 0 20px"> <button id="context-menu-name" class="lead"></button> <br /><br /> fim do exmplo html Fim do arquivo. e por fim, itens.js // add items to the "Add Items" tab $(document).ready(function() { var items = [ { "name" : "Pe&ccedil;a com 4 gavetas", "image" : "models/thumbnails/peca1.png", "model" : "models/js/peca1.js", "type" : "2" "link" : "mouramagazine.com.br", }, { "name" : "base", "image" : "models/thumbnails/peca2.png", "model" : "models/js/peca2.js", "type" : "1" "link" : "httml://mouramagazine.com.br", }, /* { "name" : "", "image" : "", "model" : "", "type" : "1", "link" : "" }, */ ] var itemsDiv = $("#items-wrapper") for (var i = 0; i < items.length; i++) { var item = items; var html = '<div class="col-sm-4">' + '<a class="thumbnail add-item" model-name=" model-link"' + item.name + '" model-url="' + item.model + '" model-type="' + item.type + '"><img src="' + item.image + '" alt="Add Item"> '+ item.name + '</a></div>'; item.link + '" model-url"'; + itemsDiv.append(html); } }); Fim do aquivo.
  9. Pessoal, sou iniciante em Java e estou com um probleminha que acredito ser fácil de resolver, estou fazendo meio que um player de música, aonde tenho um botão que quando clicado executa uma música. Funciona perfeitamente, clico no botão ele executa a música, porém se eu clicar novamente ele executa a música em cima da outra. Pensei que interrompendo o método atual que está executando dps iniciando ele novamente resolve o problema que eu preciso, ou seja, quando clicado no botão ele interrompe a execução do metodo play(), e logo após executa ele novamente. Segue a implementação do método abaixo : public void play(String nomeDoAudio){ URL url = getClass().getResource(nomeDoAudio+".wav"); AudioClip audio = Applet.newAudioClip(url); audio.play(); }
  10. Madk

    Button fora de posicao

    Bom, estou tentando por a TAG button do "PEDIR" logo abaixo do PREÇO, mas ele nao esta ficando como se estivesse dentro da div onde o botei, so e movido por fora. Ele nao esta ficando em cima da Imagem. A div tem o tamanho e largura os mesmos que a Imagem, ja usei o float, botei a margin-top etc.. (esses margins 0, botei para testar, ver se ficaria no topo da imagem). Como posso deixar ele em baixo do preço. <div id="pizza1"> <a href="#"><img src="images/piz1.png"/></a> <button>PEDIR</button> </div> #pizza1 { height: 268px; width: 578px; background-color: white; margin-left:35px; } #pizza1 button{ float: auto; margin-top: 0px; margin-right: 0px; background-color: green; width: 203px; height: 53px; font-family: sans-serif; }
  11. Estou enfrentando um problema, que nunca passei... Alguém já passou, tipo: 1) utilizo o código abaixo, um INPUT GROUP, com button e input, ao validar com JQUERY VALIDATE, ele exibe a validação, mas quebra o BUTTON... como posso resolver....???? <section id="menu_newsletter" class="secao_altura20 parallax parallax_newsletter"> <div id="retorno"></div> <div class="row"> <div class="col-md-6" style="left: 0;"> <div class="col-md-2 pull-left"> <div id="icon_news_a" class="fa fa-envelope-o"></div> </div> <div class="col-md-10"> <div class="col-md-12" style="padding-bottom: 18px; color: darkslategray;"> <div class="text-left">Cadastre-se e fique por dentro das novidades!</div> </div> <div class="col-md-12"> <form id="frm_cad" class="form-white" method="post" action="form/form_acoes.asp?caso=menu_newsletter"> <div class="input-group"> <input type="text" id="dm_email" name="dm_email" class="form-control clearfix" placeholder="Digite seu email"> <div class="input-group-btn"> <button type="submit" class="btn btn-default clearfix" style="height: 40px;">ENVIAR</button> </div> </div> </form> </div> </div> </div> </div> <div id="carregando"></div> </section> Agradeço sugestões de contornar este erro, que fica FEIO no layout e na validação... Obrigado.
  12. alessandrobartels

    Múltiplos forms, múltiplos buttons

    Estou desenvolvendo uma aplicação de inscrições em cursos. O usuário terá acesso aos cursos em que se inscreveu e poderá executar algumas ações. PHP <?php foreach($lista as $inscricao){ ?> <form id="inscricao<?php echo $inscricao['id_turma']; ?>"> <input type="hidden" name="id_turma" id="id_turma<?php echo $inscricao['id_turma']; ?>" value="<?php echo $inscricao['id_turma']; ?>"> <input type="button" id="cancelar<?php echo $inscricao['id_turma']; ?>" value="Cancelar" /> <input type="button" id="imprimir<?php echo $inscricao['id_turma']; ?>" value="Imprimir" /> <input type="button" id="inscrever<?php echo $inscricao['id_turma']; ?>" value="Inscrever"/> </form> <?php } ?> JQuery $(document).ready(function(){ $('input[id^="cancelar"]').onclick(function(){ var response; var dados = $('form').serialize(); console.log(dados); $.ajax({ type: "POST", dataType: 'json', url: '../control/cancelaInscricao.php', data: dados, success: function(response){ // alert('Cancelou'); } }); }); }) Como exemplo estou trabalhando com duas inscrições. Ao clicar na açõa de cancelar da primeira inscrição podemos observar pelo console.log que passando as 2 inscrições. id_turma=37&id_turma=38 Já na recepção do POST no cancelaInscricao.php eu só consigo acesso a segunda inscrição. Solicito a ajuda de vocês.
  13. Olá! Imagino que um tópico desse é vergonhoso, porém sou péssimo em Javascript e se fosse outra linguagem eu resolveria com loop, mas enfim. Tenho três botões que quando um é selecionado este muda seu background-color (até aí blz). Porém se eu clicar em outro o anterior permanece com o background-color alterado até que o mesmo receba novamente o clique, substituindo assim, a classe css atual pela anterior, pois esse foi o único jeito que arrumei, mas o correto é que assim que um outro botão receba o clique, o anterior perca o seu "focus". Javascript function changeBgColor(element) { if(element.className === 'btn_clicado') { element.className = 'btn_desclicado'; } else if (element.className === 'btn_desclicado'){ element.className = 'btn_clicado'; } html <div id="procura_cliente"> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Comprar</button> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Alugar</button> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;">Lançamentos</button> </div
  14. Não sei se essa é área correta do fórum. Nesse site: http://www.curriculum.com.br/candidatos/vagas-emprego/ Para criar os botões "Login" e "Cadastre-se", o desenvolvedor usou a marcação <a></a> ao invés de <button></button>. Isso é incorreto segundo às boas práticas de UI, certo?
  15. Olá pessoal, estou dificuldade em validar um formulário, mas da forma que estou tentando não sei se é possível, alguém pode me dar uma força? Tenho um formulário com dois botões submit. E na tag form estou colocando o onsubmit = checa_formulario() Porém, um dos botões deve realizar o submit sem entrar nesta funcão do onsubmit, mas o outro botão deve executar essa função. Tentei chamar essa função no onclick do botão que quero que execute a função, mas aí ele executava a função, mas independente do resultado, ele realizava o submit. Alguém poderia me ajudar? Desde já agradeço! ##### EDIT ##### Devo utilizar javascript puro ### Código HTML <!-- Botões --> <button type="submit" name="submit" value="1"> <button type="submit" name="submit" value="2"> <!-- Tag form --> <form method="POST" action="arquivo.php" onsubmit="return checa_formulario()"> JavaScript if (document.getElementById('descri_icon').value.length < 10) { alert("Erro"); return (false); }
  16. Olá pessoal, Alguém sabe como eu poderia pegar o value de um button usando JQuery? O que quero fazer é usar este value em uma textarea, então não precisa ser necessariamente o value, o name também serviria. Quero que function assim: Tenho uma listagem com vários Buttons, e ao lado uma textarea. O que quero é quando clicado no botao (cada um com seu value ou name) apareça o value/name na textarea ao lado. E o que não estou conseguindo é pegar o value/name do button ao clicar no botao. Pra isso eu ja tenho cada botao com mesmo id, e no JQuery utilizar a função .click() Alguém poderia me ajudar? Grato desde ja!
  17. Galera, seguinte, estou fazendo tipo um fórum, estou com um probleminha, a pessoa escreve a pergunta ela aparece abaixo, como se fosse um fórum mesmo, junto com a pergunta aparece um botão de responder, mas como faço para atribuir uma função a ele ? Visto se eu declarar ele no meu código HTML ele vai aparecer na tela antes da pergunta ser enviada e não quero que isso aconteça. Obrigado
  18. Preciso que o resultado de uma query (Estou usando <table> para listar os resultados) se ordenem (order by) conforme a escolha do usuário em um radio button. Exemplo: Depois de selecionar os parâmetros da pesquisa, o usuário tem três rádios (Por Nome, Por Data, Por Obra) e conforme a escolha dele, o resultado aparece "order by nome_obra" ou "order by data_obra" ou "order by id_obra". Já tentei carregar o value da radio escolhida em uma variável $ordem_exibicao e na query colocar "select *** order by $ordem_exibicao" mas o my sql não reagiu bem. Sei que é algo simples pois vejo isso em praticamente todos os sistemas, mas minha inexperiência não está ajudando :(
  19. Olá. Estou aprendendo a usar o bootstrap. Em meus estudos me surgiu uma duvida. Se há como centralizar todo conteudo de uma div. Tenho códigos de exemplo... <!DOCTYPE html> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <div class="container"> <h1>Bootstrap <small>Meu primeiro site</small></h1> <p>Usando o bootstrap</p> </div> <div class="container" id="homer"> <div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3"> <img src="1.png" class="img-responsive"> </div> <div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3"> <img src="1.png" class="img-responsive"> </div> <div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3"> <img src="1.png" class="img-responsive"> </div> <div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3"> <img src="1.png" class="img-responsive"> </div> </div> <div class="container" id="planos"> <div class="row col-xs-12 col-sm-12 col-md-6 col-lg-6" style="background-color: black"> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> </div> <div class="row col-xs-12 col-sm-12 col-md-6 col-lg-6" style="background-color: black"> <h3>Nossos Planos</h3> <div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12"> <button class="btn btn-primary">Lorem Ipsum</button> </div> <div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12"> <button class="btn btn-primary">Lorem Ipsum</button> </div> <div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12"> <button class="btn btn-primary">Lorem Ipsum</button> </div> </div> </div> </div> </body> </html> No id="planos" tenho tres botões, quero eles um abaixo do outro, dentro da mesma row, até ai beleza. Mas queria centralizar na div esses botoes... O texto "Nossos Planos" eu consigo centralizar com "text-align", mas teria uma forma de eu centralizar os botões ou qualquer outro conteudo de uma div? desde já grato!
  20. Gostaria de ter um link em outra pagina e quando clicado este código abaixo aparecer aberto. tem como fazer isso? segue abaixo: <!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-container"> <a name="abrir-isso-por-link" href="#abrir-isso-por-link" ><div class="w3-light-grey w3-section"> <button onclick="myFunction('Demo1')" class="w3-button w3-block">titutlo da tag</button> <div id="Demo15" class="w3-hide w3-container"><p>conteudo que vai paracecer</p></div> </div></a> </div> <script> function myFunction(id) { var x = document.getElementById(id); if (x.className.indexOf("w3-show") == -1) { x.className += " w3-show"; } else { x.className = x.className.replace(" w3-show", ""); } } </script> </body> </html>
  21. Quero fazer um CSS para destacar certos elementos no HTML, que tenham definido certo atributo. Como no Facebook, por exemplo. Tem os botões Cinza e os botões Azuis, certo? Sei que posso fazer de várias maneiras, criando um CSS com base em qualquer atributo. Exemplo button[type="button"][aria-valuetext="bt-form-destacado"]{ background-color:#DDE3F0; border-color:#4466A4; color:#036; } O que quero saber é se há um atributo correto para essa finalidade. Um "aria-alguma_coisa" ou "data-alguma_coisa"
  22. marcelocardoso

    ajuda em botao jsPDF

    pessoal... to com o script pronto, funcionando...porém.... com um problema.... (consigo salvar o arquivo apenas com <A HREF>..... Já com button, não vai... Oque posso incrementar para funcionar com button??? CODE: <script src="https://code.jquery.com/jquery-git.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> <script type="text/javascript"> $(document).ready(function () { var doc = new jsPDF(); var datacompleta = new Date(); var horacompleta = datacompleta.getHours() + datacompleta.getMinutes() + datacompleta.getSeconds(); //gera hora completa para acrescentar no arquivo PDF, evitando duplicidade de registro... var numrandom = math.floor(math.random() * 65536) //gera numeros randomicos para acrescentar no arquivo PDF, evitando duplicidade de registro... var margins = { top: 50, bottom: 50, left: 30, right: 30, width: 180 }; var specialElementHandlers = {'#editor': function (element, renderer) { return true; }, }; $('#botao').click(function () { doc.fromHTML($('#iframeconteudo').html(), 15, 15, {'width': margins.width, 'elementHandlers': specialElementHandlers}); doc.save('impresso_cockpit-' + numrandom + '.pdf'); }); }); </script> <div class="pull-left"><a href="javascript:jsPDFOutput();" class="ModalPDF"> <i class="fa fa-file-pdf-o"></i></a> </div> Tentei com <button id="botao" class="btn btn-success btn-xs"></button> mas não chamo o ID.... Alguém, tem conhecimento e quer compartilhar... Obrigado.
  23. bruno4away

    HTML e CSS - Search Box

    Gostaria de saber o que tenho que fazer, para que o botão da lupa fique no campo text de pesquisa no site: eu fiz os códigos: CSS .header form#quick-search{ background: transparent; border: none; padding-top: 16.25px; padding-right: 45px; float: right; } .header input#search{ color: #EAECEE; width: 194px; height: 26px; border-radius: 4px; border: 1px solid #4E699D; font-size: 20px; background-color: white; background-image: url(../images/search-icon.png); background-position: 170px; background-repeat: no-repeat; padding: 10px 10px; } HTML <form id="quick-search" method="post"> <input id="search" type="text" value="Pesquisar..."> </form> Eu gostaria de saber o que preciso para que o botão pesquisar, fique no campo de texto do lado direito, se alguém souber de uma dica..
  24. Tudo bem gente? Vê se vocês podem me ajudar. Tenho uma listagem de produtos onde aparece a imagem, e o titulo com uma breve descrição. Ao clicar na imagem, era enviado a id por get e redirecionado a pagina de produto.php? Mas agora preciso que ao clicar na imagem, uma div se abra mostrando o conteúdo total do produto dentro da mesma pagina. E ai que eu me atrapalho porque a div da descricao total ta fora da sql inicial que lista os produtos. Como faço para passar a variavel para a segunda sql? Ou é melhor fazer de outro jeito completamente diferente?
  25. Felipe_xs

    Site De Filmes Online-

    Sou Novo Aqui No Forum Nao Sei Se Estou Postando No Lugar Certo Estou Fazendo um Site de Filmes Online porem eu queria saber como fazer um botão que quando click mostre todos os ep da serie e tambem para selecionar o player Ex: MegaFilmeshd Meus Codigos (Sou Novo Com Isso) <button class="TPD TPD-Green3">1ª Temporada</button> .TPD{ font-family: arial; font-size:14px; text-transform: uppercase; font-weight:700; border:none; padding:10px; cursor: pointer; } .TPD-Green3{ background:green; color:#F8F8FF; box-shadow: 0 3px 0 #006000; } .TPD-Green3:hover{ background:#006000; color:#F8F8FF; box-shadow: 0 3px 0 #003f00; } .TPD-Green3:active{ position:relative; top:3px; box-shadow:none; } www.blogger.com
×

Important Information

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