Jump to content

Search the Community

Showing results for tags 'javascript'.



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

  1. O código em JS abaixo alimenta o combobox "programas" (html <select id="programas">) com uma lista em Json (lista-regiao-programas.json) de acordo com a escolha no combo "regioes" (html <select id="regioes">). Mas como eu faço para alimentar o combobox "municípios" (html <select id="municipios">) baseado no combo em "regiões" com a lista Json "combox-municipios.json" ? esolhe 1 programa -> alimenta regiões -> escolhe 1 região -> alimenta "município" (3 select dropdwon em cascata / aninhados)... HTML -> <div class="form-group"> <!-- dropdown Regiões --> <label for="regioes">Região de integração</label> <select id="regioes"> <option value=""></option> </select> </div> <div class="form-group"> <!-- dropdown Programas --> <label for="programas">Programa desenvolvido</label> <select id="programas"></select> </div> JS JSON -> $(document).ready(function(){ $.getJSON('SIGPLAM2/javaScript/lista-regiao-programas.json', function(data){ var items = []; var options = '<option value="">escolha uma região</option>'; $.each(data, function(key, val){ options += '<option value="' + val.nome + '">' + val.nome + '</option>'; }); $("#regioes").html(options); $("#regioes").change(function(){ var options_programas = ''; var str = ""; $("#regioes option:selected").each(function(){ str += $(this).text(); }); $.each(data, function(key, val){ if(val.nome == str){ $.each(val.cidades, function(key_city, val_city){ options_programas += '<option value="' + val_city + '">' + val_city + '</option>'; }); } }); $("#programas").html(options_programas); }).change(); }); });
  2. Ex: igual sites de pagina unica que você clica no menu e a pagina rola ate aparte que se refere. esta imagem e a div que vai ter o checkbox essa e a div que eu quero, que quando o checkbox estiver selecionado, chegue nela aguardo ajuda de alguém, sou muito ruim com javascript
  3. Estou criando um jogo da memoria usando essa playlist: https://www.youtube.com/playlist?list=PLclUTiUoLCbC7ynbckOgMO0sXHh5uXVv8 mas quando chego no video 4, meu javascript apresenta esse erro: Uncaught TypeError: Cannot read property 'length' of undefined preciso de ajuda. Meus codigos js, html e css: https://github.com/anabeatrizzz/ana
  4. Agatacat

    Dúvida com a tag h4.

    O problema ocorre aqui: <h4>Bem vindo ao</h4> <h3>Ateliê Ingo Martin!</h3> Dentro da tag h4 preciso deixar apenas a palavra "Bem" com a inicial maiúscula, enquanto "vindo ao" com as iniciais minúsculas. Se alguém puder me ajudar eu agradeceria muito.
  5. Bom dia galera! Por favor estou com um problema no seguinte caso: Tenho uma tela aonde aparece os produtos que vieram para manutenção, uma OS. Nessa OS posso ter 1, 5, 10, 100, 201 produtos, e tenho 2 campos (checkbox) se caso for troca garantia eu seleciono ou se for sem conserto eu seleciono, sendo que não deixa selecionar os 2. Só que quando é um lote de produtos eu tenho um ckeckbox que marca todos os ckeckbox por exemplo: troca garantia e habilita um campo para adicionar o motivo. Não estou conseguindo fazer com a mesma logicas dos ckeckboxs individuais, onde se clico em troca garantia ele marca e se marcar sem conserto desmarca troca garantia. Preciso fazer o mesmo quando seleciono todos se marco troca garantia ele marca todos troca garantia e se eu marcar sem conserto desmarca todos os trocas garantia. O código que uso para desmarcar os troca garantia e sem conserto individual é esse: $(document).ready(function(){// Aivando e desativando checkbox (Conserto e Garantia) $('input.line_checkbox').change(function() { let line = $(this).data('line'); $('input.line_checkbox[data-line='+line+']').not(this).prop('checked', false); $('textarea.campos_cadastro[data-line='+line+']').empty().hide('fast'); if ($(this).is(':checked')) { $('textarea[id="motivo_'+$(this).attr('id')+'"]').show('slow'); } }); function loadMotivo() { $.each($('input.line_checkbox:checked'), function(index, value) { $('textarea[id="motivo_'+$(value).attr('id')+'"]').show('fast'); }); } loadMotivo(); E nos checkbox coloco isso: data-line="<%=i%>" class="line_checkbox" Poderiam me ajudar para resolver essa questão referente ao selecionar todos? Estou a dias quebrando a cabeça mais não estou conseguindo. Obrigado desde já. Paulo Rogério
  6. Olá galera tudo bem sou novo aqui no forum e eu preciso da ajuda de vocês eu sou estude de T.I e minha professora possou um avaliação muito complexa sobre isso e eu nem sei por onde começa 1. Desenvolver um algoritmo em linguagem de programação JavaScript que contenha: 2. Tema: Urna eletrônica para votação a. Entrada e saída de dados; b. Estrutura de decisão; c. Estrutura de repetição; d. Array e. Sub-rotinas f. Ordenação de dados Instruções: O mesário deverá digitar o número do documento fictício do título de eleitor e o município de votação do Eleitor, e com isto liberar a urna para que o mesmo possa escolher seu candidato a Prefeito e a Vereador. Os candidatos a Vereador são: Jose 10300, Joao 20100, Ana 30200. Os candidatos a Prefeito são: Manuel 10, Luiz 20. O número de usuários que irá votar é indeterminado. A votação será encerrada quando o mesário digitar a senha que encerra a votação (senha 12174). Ao final da votação o programa deverá exibir: 1. O número total de usuários que votaram 2. O número de votos reais em branco 3. O número de votos reais nulos 4. O número de votos reais que cada candidato recebeu (Prefeitos e Vereadores) 5. O número de votos reais que cada candidato recebeu em cada município (Prefeitos e Vereadores) 6. A porcentagem de diferença de votos reais entre o primeiro colocado e o segundo colocado 7. Deverá informar se haverá segundo turno DESAFIO: Seria possível fraudar as eleições deste exercício? Crie, dentro do algoritmo acima, um sistema de fraudes Que funcionará da seguinte maneira: 1. Na votação para Vereador: a. A cada 5 votos em branco, 1 vai para o candidato a vereador Joao 20100 b. A cada 2 votos nulos, 1 vai para o candidato a vereador Ana 30200 2. Na votação para Presidente: a. A cada 5 votos em branco, 1 vai para o candidato a vereador Joao 20100 b. A cada 2 votos nulos, 1 vai para o candidato a vereador Ana 30200 Ao final o Algoritmo deverá imprimir, além de tudo o que foi pedido acima: 1. O resultado dos votos fraudados 2. A lista de números de título de eleitor e ao, em que candidato o eleitor votou realmente. algum pode me alguma luz agradeço :)
  7. lmroot2

    Somar 180 dias a uma data

    Boa tarde a todos, Estou com a seguinte situação. - No meu formulário tem um input tipo data onde eu informo da data de emissão do ASO, um select onde eu escolho o prazo de validade do ASO. Eu quero somar um determinado número de dias a minha data de emissão para obter a data final da validade do ASO. Exemplo: 30/01/2012 + 180 dias. <div class="form-group col"> <label for="txtValidade">Validade</label> <select class="form-control" id="txtValidade" name="txtValidade"> <option value='0'>6 Meses</option> <option value='1'>1 Ano</option> <option value='2'>2 Anos</option> </select> </div> <div class="form-row"> <div class="form-group col"> <label for="txtDtEmissaoASO">Data da Emissão do ASO</label> <input type="date" class="form-control" id="txtDtEmissaoASO" name="txtDtEmissaoASO" required="required"> </div> <div class="form-group col"> <label for="txtDtValidadeASO">Data da Validade do ASO</label> <input type="date" class="form-control" id="txtDtValidadeASO" name="txtDtValidadeASO" required="required"> </div> </div> <div class="form-row"> <div class="form-group col"> <label for="txtFuncionario">Nome do Funcionário</label> <input type="text" class="form-control" id="txtFuncionario" name="txtFuncionario" required="required" pattern="^[a-zA-ZÀ-ú\s]+$" placeholder="Nome do Funcionário"> </div> <div class="form-group col"> <label for="txtEmpresa">Nome da Empresa</label> <input type="text" class="form-control" id="txtEmpresa" name="txtEmpresa" required="required" placeholder="Nome da Empresa" onblur="calcular()"> </div> </div> Segue a função Javascript. <script> function calcular(){ var valor = Number(document.getElementById("txtValidade").value); var dias = 0; var dataAtual = new Date(document.getElementById("txtDtEmissaoASO").value); var novaData = new Date(); switch(valor){ case 0: dias = 180; break; case 1: dias = 365; break; case 2: dias = 730; break; } novaData.setDate(dataAtual.getDate() + dias); var exibirData = dataAtual.getDate() + '/' + dataAtual.getMonth() + '/' + dataAtual.getFullYear(); var exibirNovaData = novaData.getDate() + '/' + novaData.getMonth() + '/' + novaData.getFullYear(); document.getElementById("demo").innerHTML = exibirNovaData; document.getElementById("demodata").innerHTML = exibirData; } </script> O retorno da variável exibirNovaData é 27/2/2020 o correto seria 28/07/2012. O que estou fazendo de errado?
  8. Michael Simoes Nilo Santana

    Selecionar item e exibir seu valor dentro do input type value

    <select name="pizzas" id="select-pizzas"> <option value=""></option> <option value="11">pizza1</option> <option value="12">pizza2</option> <option value="13">pizza3</option> <option value="14">pizza4</option> </select> <input type="pizzas" name="pizzas" id="input-pizzas" readonly="readonly" value=""> <script type="text/javascript"> var $select = document.getElementById('select-pizzas'), $input = document.getElementById('input-pizzas'); $select.addEventListener('change', function(){ $input.value = this.value === '11' ? '10,00' : '20,00' ; }); </script> tenho esse codigo acima e gostaria de saber como posso da continuidade nele no sentido que ao selecionar pizza1 mostra no input o valor de 10,00 pizza 2 me mostra o valor de 20,00 , eu pequei esse godigo aqui msm com o William Bruno mais n sei como fazer pra mostrar o retante dos valores , essa parte que me mata kk, $input.value = this.value === '11' ? '10,00' : '20,00' ;
  9. Boa noite amigos, estou com um problema em um script, ele funciona desta forma: <script> function validate(){ var i = 0, counter = 0, testeCB; testeCB = document.forms[0].testeCB; for (; i < testeCB.length; i++) { if (testeCB[i].checked) { counter++; } } if (counter==0){ alert("Você precisa selecionar pelo menos um") return false; } return true; } </script> <input type="checkbox"id="cb1" name="testeCB" value="1"> <input type="checkbox"id="cb2" name="testeCB" value="2"> mas quando eu substituo o name para name="testeCB[]" para conseguir armazenar no BD, para de funcionar.... apos algumas pesquisas, o menlhor que consegui encotrar foi isto testeCB = document.forms[0].elements['testeCB[]']; substituir ali, mas mesmo assim nao funciona, alguem tem alguma solução??
  10. Olá galera, tudo bom ? Estou com uma dúvida... Tenho uma função javascript em que faz algumas requisições de uma API... porem eu tenho q chamar essa api a cada 4 minutos! (caso o usuário tenha ativado). Tudo bem... essa função está em um arquivo chamado: Ativador.js E está configurada na index.php do meu site... (ao usuário apertar o botão ATIVAR, ele faz a requisição e com o SetInterval chama ela novamente a cada 4 minutos). Mas ai que vem minha dúvida... Ao usuário mudar de pagina, a função para e o usuário teria que apertar ATIVAR novamente... Gostaria de saber como fazer com que se o botão ativar for acionado e a função estivesse chamada (fazendo as requisições a cada 4 minutos) e o usuário mudasse de pagina isso continuaria... (Fazendo as requisições a cada 4 minutos) estilo o mini player do youtube.... POREM SE O USUÁRIO SAIR DO SITE E VOLTAR NOVAMENTE A FUNÇÃO ESTARIA DESATIVADA (O usuário teria que acionar o botão ativar novamente.,) Obrigado. Ficou meio confuso se não tiverem entendido posso explicar melhor! Só queria um norte pois não sei como iniciar, tentei fazer algo com o LocalStorage ... declarando que a função está ativada e etc... mas tive problemas!
  11. Save! Estou desenvolvendo um sistema e resolvi colocar um parte para o "esqueci minha senha" para os usuários recuperarem e não precisarem refazer um cadastro o problema é que eu não consigo obter exito. Usei o PHPMailes mas ele não funciona Gostaria de saber se vocês conhecem algum artigo, livro ou vídeo-aula que explica como fazer isso por que as pesquisas que eu fiz na net não me retornaram resultados esperados. Desde já agradeço
  12. ELISEU FERNANDES LAURINDO

    PROCV utilizando Javascript

    Olá gostaria de pedir ajuda pois estou começando a estudar Javascript... Meu problema é o seguinte, eu gostaria de fazer uma espécie de armazenamento de dados de uma tabela do Excel, só que com Javascript... Algo tipo: CAB=["Código";"Nome";"Cidade";"Idade";] L1=["A-0001";"João";"Florianópolis";"21";] L2=["A-0002";"Lucas";"Balneário Camboriú";"18";] ...que eu pudece puchar a informação via input semelhante à função PROCV do Excel. Exemplo ao digitar "A-0001" retornaria em divs específicas os seguintes valores: <html> <body> <input type="text" name="procurar"/> <input type="button" value="CARREGAR"/> <div id="codigo">Retornar aqui o código!</div> <div id="nome">Retornar aqui o nome!</div> <div id="cidade">Retornar aqui a cidade!</div> <div id="idade">Retornar aqui a idade!</div> </body> </html> Des de já, Grato! Estou começando então a parte javascript é só pra demonstrar, creio que esteja bem errada, mas é pra vocês ter ideia do que eu queria aprender!
  13. Olá, pessoas, bom dia Estou tentando fazer um autoscroll de acordo com o conteúdo que tem na pagina. Atualmente estou fazendo assim: <script src="jquery.js"></script> <script> setInterval(function(){ $("html, body").animate({ scrollTop: $(document).height() }, 200000); },2000); </script> Desse jeito eu seu que uma pagina com 300 linhas irá demorar cerca de 1min e 30 segundos para chegar até o final. Mas se precisar mudar o tamanho da fonte ou inserir imagens já terei que calcular novamente o tempo, será que existe uma maneira de fazer isso pelo tamanho do conteúdo? Por exemplo para pessa pagina eu quero que demore cerca de 5 minutos para chegar até o rodape.. para outra pagina cerca de 3 minutos independente do conteudo?
  14. Charlie04

    Teste e Envio de formulario

    Tenho um formulário <form role="form" name="senha" class="ls-login-form" action="#"> <fieldset> <label class="ls-label col-md-16"> <b class="ls-label-text">CPF:</b> <input type="text" name="cpf" id="cpf" class="ls-mask-cpf" placeholder="000.000.000-00" required> <span id="errocpf" class="ls-sm-space"></span> </label> <label class="ls-label col-md-16"> <b class="ls-label-text">E-mail:</b> <input type="text" name="email" placeholder="Digite seu email" maxlength="60" size="65" required> </label> <br> <input onclick="validacaoEmail(senha.email,senha.cpf)" id="botao" type="button" value="Redefinir" class="ls-btn-primary ls-btn-block ls-btn-lg"> --- e o JS ---- function validacaoEmail(field, field2) { usuario = field.value.substring(0, field.value.indexOf("@")); dominio = field.value.substring(field.value.indexOf("@") + 1, field.value.length); var cpf = field2.value; if ((usuario.length >= 1) && (dominio.length >= 3) && (usuario.search("@") == -1) && (dominio.search("@") == -1) && (usuario.search(" ") == -1) && (dominio.search(" ") == -1) && (dominio.search(".") != -1) && (dominio.indexOf(".") >= 1) && (dominio.lastIndexOf(".") < dominio.length - 1)) { if (cpf.length < 11) { document.getElementById("alerta-email").innerHTML = "<strong>Vish!</strong> CPF inválido."; } } else { if (cpf.length < 11) { document.getElementById("alerta-email").innerHTML = "<strong>Vish!</strong> E-mail e CPF inválidos"; } else { document.getElementById("alerta-email").innerHTML = "<strong>Vish!</strong> E-mail inválido. Os endereços de e-mail devem seguir o padrão xx@xx.xx. "; } } } $(document).ready(function () { var $seuCampoCpf = $("#cpf"); $seuCampoCpf.mask('000.000.000-00', {reverse: true}); }); Quero testar com onclick e depois enviar para o PHP adicionar no banco. Mas ele não chama a pagina. Com TYPE = Button ele funciona o testa da máscara e não redireciona. Com type = submit ele não funciona a mascara e redireciona. Provavelmente é algo bem simples , mas estou com uma bela duvida de como resolver. att
  15. Então pessoal. tenho um formulário de cadastro, quero que quando o usuário queira, sair da pagina aparecer um alert, por ae tudo bem eu conseguir, só que, minha dificuldade e remover essa função clica no botão de <script> window.addEventListener("beforeunload", function (event) { event.returnValue = "Você deseja realmente sair da página?"; }); <script> <a href='finalizar.php' onclick=''> finalizar</a> finalizar, assim ele sair da pagina de boa sem nenhuma alert
  16. luannsr12

    Colocar imagem no Google Charts

    Olá pessoas, estou utilizando o Google Charts, e me venho a necessidade de usar imagem nos gráficos. Alguém já usou, e sabe como fazer?
  17. Olá! Esotu com uma certa dificuldade em um projeto que estou desenvolvendo em relação a funcionalidade drag and drop com jQuery/JavaScript. <div class="pricipal-menu"> <div class="col-1"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-2"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-3"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-4"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> </div> Bom, o que quero fazer é, por exemplo, pegar a img1 da primeira coluna (1, 1) e passá-la para a coluna 2 na posição da img2 (2,2). Até ai tudo bem, o problema é , preciso que quando a img1 for colocada na posição (2,2) a img2 que está na vá para (1,1). Exatamente como um $(...).sortable(), aliás, já tentei até mesmo com o connectWith do sortable(), mas não adianntou muito. Mais resumidamente, é fazer com que as imagens invertam a posição entre as colunas, mas não sei como. OBS: já tentei, inclusíve, colocá-las em variáveis pra depois assumirem as posições com o drag'n drop, mas cheguei no mesmo resultado do connectWith. Agradeço a atenção!
  18. MEGATRON

    Dúvida em código JavaScript

    Crie um código em JavaScript que receba 2 palavras, e depois as imprima intercaladas. Ex.: “Joao” e “Mary”; a impressão deve ser: “JMoaaroy”. Use uma função que receba as duas palavras, e faça a intercalação.
  19. Olá preciso de ajuda com esse exercício. Montei até a parte de formulário + validação de javascrip no dreamweaver mas buguei com o resto. O que eu fiz: <html> <head> <title> Formulário CPF validado com Java Script </title> <script language="javascript" type="text/javascript"> function validar() { var cpf = form1.cpf.value; if (cpf == "") { alert('Preencha o campo com seu cpf'); form1.cpf.focus(); return false; } } </script> </head> <body> <form name="form1" action="enviar.php" method="post"> CPF: <input name="cpf" type="text"><br /><br /> <input type="submit" onclick="return validar()"> </form> </body> </html> EXERCÍCIO Criar um formulário simples em html com um único campo CPF; Fazer uma validação em javascript antes de fazer o post; Consumir o WS https://bi.vidaclass.com.br/utils para consultar informações do CPF enviado pelo form; Do retorno obtido exibir na tela: Nome, email, telefone Se tem compra em saude: Sim | Não Quantas compras: (5) ex. Se tem farma: Sim | Não Se tem dependente: Sim | Não Qtd. de dependentes: (2) ex. Obtem o token para consumir os endpoints; https://bi.vidaclass.com.br/auth { "company_id": 1, "username": "webmaster@vidaclass.com.br", "password": "Teste20170705" } Endpoint para consultar o CPF https://bi.vidaclass.com.br/utils { "action": 4, "key": { "cpf": 25383193820 } }
  20. iagomonteiro

    Condições com Drag And Drop

    Estou criando um jogo de cartas em web, o jogo é bem estilo HS, e estou tendo problemas para adicionar condições de movimentação no drag and drop. Como vocês podem ver eu tenho uma variável mana, e a movimentação das cartas só seria possível de acordo com ela, porém quando adiciono as condições o D&D acaba nem se movimentando mais, pensei em chamar cada função do d&d dentro de uma condição, mas também não funcionou, alguém pode ajudar? JS // Jogador 1 const fillplace1 = document.querySelector('#fillplace1'); const fillplace2 = document.querySelector('#fillplace2'); const fillplace3 = document.querySelector('#fillplace3'); var fill; const empties = document.querySelectorAll('.empty'); fillplace1.addEventListener('dragstart', enterstart); fillplace2.addEventListener('dragstart', enterstart); fillplace3.addEventListener('dragstart', enterstart); for (const empty of empties) { empty.addEventListener('dragover', dragOver); empty.addEventListener('dragenter', dragEnter); empty.addEventListener('dragleave', dragLeave); empty.addEventListener('drop', dragDrop); } function enterstart(){ fill = this; } function dragOver(e) { e.preventDefault(); } function dragEnter(e) { e.preventDefault(); this.className += ' hovered'; } function dragLeave() { this.className = 'empty'; } function dragDrop(id) { this.className = 'empty'; this.append(fill); } HTML <link rel="stylesheet" href="../css/jogar.css" /> <div id="barraGeneral"> <img src="../imagens/Campo/barraGeneralalfa.png" id="imggeneral" /> </div> <div id="persona"> <img src="../imagens/Personagem/cucapersonagem.png" id="imgpersonagem" /> </div> <button id="btpassar" onclick="cont();">Passar Rodada</button> <H1 id="campomana">1</H1> <!-- Mesa das cartas jogador 1--> <div class="empty" id="emptyplace1"> </div> <div class="empty" id="emptyplace2"> </div> <div class="empty" id="emptyplace3"> </div> <div class="empty" id="emptyplace4"> </div> <div class="empty" id="emptyplace5"> </div> <!-- Mão do jogador 1 --> <div class="emptyhand1"> <div class="fill" draggable="true" id="fillplace1"> <img src='../imagens/Sorteio/aa.png' draggable='true'> </div> </div> <div class="emptyhand2"> <div class="fill" draggable="true" id="fillplace2"> <img src='../imagens/Sorteio/aa2.png' draggable='true'> </div> </div> <div class="emptyhand3"> <div class="fill" draggable="true" id="fillplace3"> <img src='../imagens/Sorteio/aa2.png' draggable='true'> </div> </div>
  21. Boa tarde pessoal, Estou quebrando a cabeça para resolver um problema, tenho uma div dinâmica que carrega uma <table> em uma das colunas deveria apresentar o componente Switchery, esta <table> é montada a partir de uma função PHP que faz o select em uma tabela do banco de dados conforme abaixo: echo '<table class="table table-hover"> <thead> <tr> <th>Nome</th> <th>Agrupamento</th> <th>Ativo</th> </tr> </thead> <tbody>'; foreach($data as $row) { If ($row['ativo'] == 1) {$vativochk = "checked";} else {$vativochk = "";} echo '<tr> <td>'.$row['nome'].'</td> <td>'.$row['agrupamento'].'</td> <td><input type="checkbox" name="ativo_grid" class="js-switch" '.$vativochk.' disabled="disabled"></td> </tr>'; } echo ' </tbody> </table>'; Aqui está o Ajax que chama e retorna atualizando a DIV: //funcoes do grid dos graficos function atualiza_grid_graficos() { $.ajax({ type: "POST", url: "hubfuncind.php", data: { id_tabindicadores_paineis: $('#id_tabindicadores_paineis').val(), acao: "gridgraficos" }, success: function(data) { $('#conteudo').html(data); } }); } O retorno vem certinho, mas apenas o componente Switchery está vindo desconfigurado, ou seja vem um checkbox normal (html). O que é mais incrível é que neste mesmo formulário mais acima tenho este mesmo componente funcionando normalmente, somente dentro da DIV dinâmica é que fica desconfigurado conforme imagem anexa. Será que alguém já passou por isso?
  22. Então pessoal, estou fazendo um pequeno projeto para me aperfeiçoar em javascript e acabei me deparando com o seguinte problema. Eu queria pegar o valor de um input quando o usuário desse um click em um botão e isso foi simples de fazer, porém ao utilizar conceitos de POO e aplicando classes no javascript não consigo fazer essa ação. Gostaria de saber se isso é possível? E como fazer? Segue o code HTML: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <meta name="author" content="Dallas"> <meta http-equiv="refresh" content="1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="../CSS/withdrawal.css" rel="stylesheet"> <script src="../javascript/withdrawal.js"></script> <title>Banco do Brasil</title> </head> <body> <h1>Quanto deseja sacar ?</h1> <input type="number" id="cashInReal"> <button type="button" onclick="alter()"> AQUI</button> </body> </html> code javascript: class withdrawal { alter() { alert(document.getElementById('cashInReal').value); } } Desde já muito obrigado. Att. Dallas
  23. Boa tarde pessoal, Estou quebrando a cabeça para resolver um problema, tenho uma div dinâmica que carrega uma <table> em uma das colunas deveria apresentar o componente Switchery, esta <table> é montada a partir de uma função PHP que faz o select em uma tabela do banco de dados conforme abaixo: echo '<table class="table table-hover"> <thead> <tr> <th>Nome</th> <th>Agrupamento</th> <th>Ativo</th> </tr> </thead> <tbody>'; foreach($data as $row) { If ($row['ativo'] == 1) { $vativochk = "checked"; } else { $vativochk = ""; } echo '<tr> <td>'.$row['nome'].'</td> <td>'.$row['agrupamento'].'</td> <td><input type="checkbox" name="ativo_grid" class="js-switch" '.$vativochk.' disabled="disabled"></td> </tr>'; } echo '</tbody> </table>'; Aqui está o Ajax que chama e retorna atualizando a DIV: function atualiza_grid_graficos() { $.ajax({ type: "POST", url: "hubfuncind.php", data: { id_tabindicadores_paineis: $('#id_tabindicadores_paineis').val(), acao: "gridgraficos" }, success: function(data) { $('#conteudo').html(data); } }); } O retorno vem certinho, mas apenas o componente Switchery está vindo desconfigurado, ou seja vem um checkbox normal (html). O que é mais incrível é que neste mesmo formulário mais acima tenho este mesmo componente funcionando normalmente, somente dentro da DIV dinâmica é que fica desconfigurado conforme imagem anexa. Será que alguém já passou por isso?
  24. Pitag346

    Carregamento de imagem

    Olá pessoal, tudo bem? Estou com uma dúvida bem bobinha... mas gostaria que me ajudassem a solucionar. Alguns sites utilizam uma forma de carregar as imagens deixando elas embaçadas/desfocadas. Até que são carregadas e elas aparecerem normalmente... Exemplo básico seria esse site: https://www.redbull.com/br-pt/athletes Sabem me explicar como isso é feito, e pra que ? Meu site usa bastante imagens, gostaria de saber se tem algum benefício ou se seria somente estética ... Obrigado! (Não sei se isso é feito em JavaScript, acredito que sim... perdão se publiquei na área errada).
  25. tenho um site que precisa que assim que eu aperte um botão ele verifiquei se a variavel sala for sala 1 ele abre no modal da sala1 se não abre no modal da sala2. Dei uma pesquisada e vi que da pra fazer com a função onclik(), mas não tenho noção como fazer. Aqui vai o código. botão <td><a href="#" class="btn btn-primary" data-toggle="modal" data-target="#modalLoginForm">XXX</a></td> <!-- sala 1 --> <div class="modal-body mx-3"> <div class="md-form mb-4"> <form method="POST" action="valida.php"> <h6>Sala 1</h6> <input type="password" class="form-control validate" name="senha"> </div> </div> <button type="submit" class="btn btn-primary" name="enviar">Entrar</button> </form> </div> </div> </div> </div> </div> <!-- sala 2 --> <div class="modal fade" id="modalLoginForm2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <h4 class="modal-title w-100 font-weight-bold">Senha</h4> <button type="btn-primary" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body mx-3"> <div class="md-form mb-4"> <form method="POST" action="valida.php"> <p>Sala 2</p> <input type="password" class="form-control validate" name="senha2"> </div> </div> <div class="modal-footer d-flex justify-content-center"> <button type="submit" class="btn btn-primary" name="enviar1">Entrar</button> </form> </div> </div> </div> </div>
×

Important Information

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