Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''button''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • 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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 31 registros

  1. petrochinski

    Como alterar a cor do button utilizando solid (CSS)

    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!!!
  2. 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 !!
  3. 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
  4. 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.
  5. BrunoHSL

    Como interromper a execução de um método

    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(); }
  6. 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; }
  7. marcelocardoso

    Input BUTTON, quebrando abaixo no VALIDATE.JQUERY

    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.
  8. 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.
  9. 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
  10. zetabyte00

    O correto seria a tag <button>?

    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?
  11. Gabrielvt14

    Validação de formulário com dois botões

    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); }
  12. Gabrielvt14

    Pegar value ou name do button com JQuery

    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!
  13. 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
  14. 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 :(
  15. 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!
  16. 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>
  17. FabianoSouza

    Atributo correto para destacar elementos

    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"
  18. 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.
  19. 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..
  20. cassio2305

    Mostrar conteúdo da div dentro da mesma pagina

    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?
  21. 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
  22. Fábio Wendhausen

    Problemas com Dynamic Text AS2.0

    Olá! Sou novo por aqui como membro, mas já sigo o site a algum tempo. Meu problema é que não consigo mudar um Dynamic Text por butão. Eu crio as variáveis, porem ao usar esse butão (abaixo), nada ocorre. on(release){ if(_root.ExtraP > 0){ _root.StrenghP += 1; _root.ExtraP -= 1; } } E além disso, todas as instancias foram preenchidas corretamente, assim como o campo de variavel dentro de suas propriedades. Aqui tenho o AS2.0 que mostra quais campos devem mostrar minha alteração, mas sem sucesso: PlayerHP_txt.text = "Hp" + _root.PlayerHP; PlayerTotalHP_txt.text = "Hp" + _root.PlayerTotalHP; MoneyP_txt.text = "Money: " + _root.MoneyP; StrenghP_txt.text = "Strengh: " + _root.StrenghP; ToughnessP_txt.text = "Toughness: " + _root.ToughnessP; LuckP_txt.text = "Luck: " + _root.LuckP; ExtraP_txt.text = "Extra: " + _root.ExtraP; No 1st Frame (Root) eu adicionei este código: ////1stPlayer _root.PlayerHP = 20; _root.PlayerTotalHP = 20; _root.ExtraP = 4; _root.StrenghP = 3; _root.ToughnessP = 3; _root.LuckP = 3; _root.MoneyP = 1500; Mas aparentemente, tem algo errado. Gostaria de uma ajudinha ai, quero entender este problema...
  23. Não sei mais o que fazer: Estou com problemas de acionar o listener em um botao dentro de um movie clip: http://forum.imasters.com.br/topic/548095-action-script-3-botao-instanciado-dentro-de-um-movieclip-nao-ativa-o-listaner-se-eu-colocar-o-botao-no-palco-funciona/ Então peguei um exemplo na internet para testar: http://board.flashkit.com/board/showthread.php?817996-Button-inside-movie-clip-to-call-function-in-main-timeline Baixei o exemplo Editei e coloquei outro botao, respeitando as mesmas regras de instancia de botoes. o botao antigo funciona, o novo não!!! function myFunction() { my_mc._alpha = 25; } my_mc.my_btn.onRelease = function() //this.bt_mnc_CEH.onRelease = function() { trace("button clicked"); myFunction(); }; mo_canelinha.bt_mnc_CEH.onRelease = function() //my_mc.my_btn.onRelease = function() { trace("Canelinha clicked"); myFunction(); }; Arquivo para download: FLA - https://www.dropbox.com/s/tymhpqhnrszsj2c/example_SC.fla?dl=0 SWF - https://www.dropbox.com/s/u4jo2vragzf4yl8/example_SC.swf?dl=0 Me ajudem por favor, não sei mais o que fazer
  24. OLá Boa tarde, estou com um problema de quando eu clicar em um button com id "bt1" ele fique display NONE e o button #bt2 fique display BLOCK. Nesse caso ao aperta no botão 1 ele vai sumir e vai aparecer o botão 2 no mesmo lugar. Javascript // BOTÃO CARREGAR MAIS $('#bt1').click(function() { $("#bt2").css("display","block"); $("#bt1").css("display","none"); }) Html <!-- BOTÃO CARREGAR MAIS --> <div id="rend-more"> <div class="button-group filters-button-group" id="#bt-carregar"> <button id="bt1" class="button is-checked" data-filter=".td" style="width: 262px; height: 50px; border: 1px solid rgb(84, 128, 128); position: relative; top: 30%; left: 50%; transform: translateX(-50%); cursor: pointer; margin-top: 30px; background-color: white;"> <h2 style="text-align: center;color:#4d8984;font-family: 'Gotham-Thin';float: left;font-size: 25px;padding-left: 30px;padding-top: 5px;">CARREGAR</h2> <h3 style="padding-left: 5px;float: left;font-size: 25px;color:#4d8984;font-family: 'gotham-bold';padding-top: 5px;">+</h3></button> <button id="bt2" class="button is-checked" data-filter=".visu" style="width: 262px; height: 50px; border: 1px solid rgb(84, 128, 128); position: relative; top: 30%; left: 50%; transform: translateX(-50%); cursor: pointer; margin-top: 30px; background-color: white;"> <h2 style="text-align: center;color:#4d8984;font-family: 'Gotham-Thin';float: left;font-size: 25px;padding-left: 30px;padding-top: 5px;">CARREGAR</h2> <h3 style="padding-left: 5px;float: left;font-size: 25px;color:#4d8984;font-family: 'gotham-bold';padding-top: 5px;">+</h3></button></div> </div> CSS #rend-more #bt1{ display: block; } #rend-more #bt2{ display: none; }
  25. RedHot66

    Button com movimento dropdown (Ex: + detalhes)

    Pessoal, queria uma ajuda de voce... Tenho uma tabela onde mostro alguns registros do BD e preciso saber como posso desenvolver um button onde quando ele é clicado, mostrará uma tabela embaixo do meu registro com mais informações (Como fosse aqueles buttons de mais detalhes). Ex : --------------------------------------- Nome || Telefone || Detalhes Fulano | 333 | (Button) -> se clicar, executa sql e mostra uma tabela embaixo desse registro ----------------------------------------- Outra tabela relacionada com o registro de cima ----------------------------------------- Ciclano | 44444 | (Button)
×

Informação importante

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