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


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

  1. binds

    Validador por Idade

    Olá Caríssimos, Não tenho muito conhecimento de javascript, desde já agradeço se alguém puder me ajudar. Preciso criar uma página simples de validação por idade para acessar uma página, a ideia é simples: se a pessoa nasceu antes de 2002 redireciona a página meusite_com_br/maior mas se ela nasceu depois de 2002 redireciona a página meusite_com_br/menor Garimpando achei o código abaixo que fiz alguns ajustes, porém não sei como abrir as respectivas paginas meusite_com_br/menor ou meusite_com_br/maior como resultado, o resultado nesse caso são textos: "MENOR 18" : "MAIOR DE 18" <!DOCTYPE html> <html> <body> <CENTER> <h2>Validador de Idade</h2> <p>Digite o ano que você nasceu para acessar o site:</p> <input id="age" value="Ex: 1990" /> <br> <button onclick="myFunction()">ACESSAR SITE</button> <p id="demo"></p> <script> function myFunction() { var age, voteable; age = Number(document.getElementById("age").value); if (isNaN(age)) { voteable = "Você não inseriu um ano válido. <BR> Exemplo: 2020"; } else { voteable = (age > 2002) ? "MENOR 18" : "MAIOR DE 18"; } document.getElementById("demo").innerHTML = voteable; } </script> </CENTER> </body> </html> Novamente agradeço a ajuda! Luis
  2. Caros amigos, saudações... Desculpa em recorrer aos amigos, mas estou com uma dúvida referente a SOMA total de uma coluna da TABELA. Abaixo postei o trecho onde alimento a Tabela via Javascript. os Campos(input) são passado dessa forma: ====[ qtde......: 3 ====[ vlrunit...: 1,01 ====[ vlrtotal..: 3,03 O Problema que estou me deparando é a Soma Total do Campo vlrtotal. $("#btn-agregar").on("click",function(){ //Recebe dados do Forumulário e Atualiza a Tabela var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotal = document.getElementById("vlrtotal").value; if(qtde == "" || vlrunit == "" || vlrtotal == ""){ alert("Atenção! Nenhuma QUANTIDADE ou VALOR foi informado."); } else { html = "<tr>"; html += "<td><input type='hidden' name='idProdutos[]' value='"+infoprd[0]+"'>"+infoprd[1]+"</td>"; html += "<td><input type='hidden' name='descricao[]' value='"+infoprd[2]+"'>"+infoprd[2]+"</td>"; html += "<td style='text-align:center;'>"+infoprd[3]+"</td>"; html += "<td style='text-align:center;'>"+qtde+"</td>"; html += "<td style='text-align:right;'>"+vlrunit+"</td>"; html += "<td style='text-align:right;'>"+vlrtotal+"</td>"; html += "<td style='text-align:center;'>"+ "<button type='button' class='btn btn-danger btn-remove-produto' style='padding: 2px 5px;' title='Remover Item da Lista'>"+ "<span class='fa fa-remove'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); sumar(); $("#btn-agregar").val(null); $("#descricao").val(null); $("#cod_interno").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); } }); O trecho do Código abaixo é a função para realizar a soma. function sumar(){ subtotal = 0; $("#tbventas tbody tr").each(function(){ subtotal = subtotal + Number($(this).find("td:eq(5)").text()); }); $("input[name=subtotal]").val(subtotal.toFixed(2)); } Infelizmente não consigo realizar a Soma do VlrTotal, o sistema mostra apenas NaN, ou apenas 0. Como consigo efetuar a soma correta no Formato MOEDA ? Grato, Cesar
  3. marsolim

    $(this).val() versus this.value

    fala rapaziada tudo bem? sabe me dizer se tem diferença de performance, de compatibilidade e etc e tal entre o jquery $(this).val() e o javascript puro this.value? tava tentando pesquisar aqui mas não achei nada sobre. grato
  4. i("resultado").innerHTML = ((((parseFloat(c1) * parseFloat(c2)) + ... Quando migrei para o servidor 7.2 parou de funcionar
  5. Olá galera! Estou criando um jogo da velha para coloca no meu portfólio, porem estou com um pequeno problema que não consigo resolver.. Quando o jogo finaliza a tela da uma ampliada/expandida no tamanho é quase imperceptível porem é algo que eu gostaria de mudar. Qual propriedade posso usar no css pra evitar que isso aconteça? Código CSS: :root{ --O-color: rgb(10, 177, 243); --X-color: rgb(253, 148, 148); --E-color: rgb(0, 0, 0); } * { margin: 0; padding:0; box-sizing: border-box; } body { display: grid; align-items: center; justify-content: center; font-family: grenze; height: 100vh; background-color: rgb(153, 153, 153); } .nextPlayer{ color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); } .players { color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); height: 55px; display: flex; flex-direction: column; justify-content: space-evenly; } .player{ display: flex; } .topo { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; margin-bottom: 20px; } .topo .players, .topo .nextPlayer { font-family: grenze; font-weight: bold; border-radius: 4px; } .title { font-size: 3rem; color: rgb(60, 62, 63); margin-bottom: 0; } .title2 { display: none; } .board { display: grid; grid-template-columns: repeat(3, 178px); grid-template-rows: repeat(3, 130px); gap: 1rem; cursor: pointer; } .board.game-over{ opacity: 0.10; } .cell { display: grid; align-items: center; justify-content: center; background-color: white; border-radius: 4px; font-size: 2rem; font-weight: bold; color: #00000066; } .cell:not(.O):not(.X):hover { box-sizing: 0 20px 25px -5px rgba(0, 0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0, 0.4); } .cell.O, .cell.X, .game-over .cell { cursor: not-allowed; } .cell.O { background-color: var(--O-color); } .cell.X { background-color: var(--X-color); } footer{ text-align: center; font-size: 30px; } .winner-message{ margin: 1rem; } .winner-message span.O{ color: var(--O-color); } .winner-message span.X{ color: var(--X-color); } .winner-message span.E{ color: var(--E-color); } button { padding: 0.9rem 1.5rem; border: none; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0, 0.6); background-color: rgb(68, 255, 146); color: white; font-size: 1.2rem; cursor: pointer; } @media only screen and (max-width: 767px) and (orientation:portrait) { body { width: 100%; text-align: justify; } .board{ grid-template-columns: repeat(3, 88px); grid-template-rows: repeat(3, 80px); -webkit-tap-highlight-color: transparent; } button { font-size: 10px; } .cell { border-radius: 3px; font-size: 1rem; } footer { font-size: 13px; } .title { font-size: 1.5rem; display: none; padding: 0.6em; /* transform: translateY(80%); */ } .title2 { display: flex; font-size: 1.5rem; padding: 0.6em; color: rgb(60, 62, 63); } .topo{ flex-direction: column; } .players { height: 65px; width: 95px; align-items: center; } .nextPlayer{ text-align: center; height: 22px; width: 118px; /* transform: translateY(-150%); */ } } @media only screen and (max-width: 767px) and (orientation:landscape) { body { width: 100%; text-align: justify; } .board { grid-template-columns: repeat(3, 60px); grid-template-rows: repeat(3, 60px); -webkit-tap-highlight-color: transparent; } footer { font-size: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } button { font-size: 0.5rem; } .title { font-size: 0.8rem; } .players{ height: 30px; width: 50px; align-items: center; font-size: 0.5rem; } .nextPlayer{ text-align: center; height: 14px; width: 60px; font-size: 0.5rem; } .cell { border-radius: 3px; font-size: 0.8rem; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { body { width: 100%; text-align: justify; } }
  6. Boa tarde Estou com um problema para passar valores de uma variável dentro de uma função pra fora pois preciso usar em outro arquivo. Eu consegui passar os valores dela usando localStorage.setItem('lineCount) dentro da função e recuperando fora com getItem,mas isso não me serve pois está sendo criado cookies e quando eu retorno a fase do game para fazer novamente ele não me traz o valor novo e sim o anterior,a não ser que eu de um CTRL+R para limpar o cache. Tentei também criar o cookie e pegar após isso excluir usando removeItem mas parece que ele está excluindo antes de pegar com isso não me exibe valor nenhum. Eu preciso que o valor da variável seja lido de fora da função mas sempre está retornando undefined todos os valores de variáveis que estão dentro dessa função. Já tentei retirar o var,já tentei usar o window. Mas não funciona. BlocklyDialogs.congratulations = function() { var content = document.getElementById('dialogDone'); // Add the user's code. if (BlocklyGames.workspace) { var linesText = document.getElementById('dialogLinesText'); linesText.textContent = ''; // Line produces warning when compiling Puzzle since there is no JavaScript // generator. But this function is never called in Puzzle, so no matter. var code = Blockly.JavaScript.workspaceToCode(BlocklyGames.workspace); code = BlocklyInterface.stripCode(code); var noComments = code.replace(/\/\/[^\n]*/g, ''); // Inline comments. noComments = noComments.replace(/\/\*.*\*\//g, ''); /* Block comments. */ noComments = noComments.replace(/[ \t]+\n/g, '\n'); // Trailing spaces. noComments = noComments.replace(/\n+/g, '\n'); // Blank lines. noComments = noComments.trim(); var lineCount = noComments.split('\n').length; variavel_global = noComments.split('\n').length; var pre = document.getElementById('containerCode'); pre.textContent = code; if (typeof prettyPrintOne == 'function') { code = pre.innerHTML; code = prettyPrintOne(code, 'js'); pre.innerHTML = code; } if (lineCount == 1) { var text = BlocklyGames.getMsg('Games_linesOfCode1'); } else { var text = BlocklyGames.getMsg('Games_linesOfCode2') .replace('%1', String(lineCount)); } linesText.appendChild(document.createTextNode(text)); } if (BlocklyGames.LEVEL < BlocklyGames.MAX_LEVEL) { var text = BlocklyGames.getMsg('Games_nextLevel') .replace('%1', String(BlocklyGames.LEVEL + 1)); } else { var text = BlocklyGames.getMsg('Games_finalLevel'); } var cancel = document.getElementById('doneCancel'); cancel.addEventListener('click', BlocklyDialogs.hideDialog, true); cancel.addEventListener('touchend', BlocklyDialogs.hideDialog, true); var ok = document.getElementById('doneOk'); ok.addEventListener('click', BlocklyInterface.nextLevel, true); ok.addEventListener('touchend', BlocklyInterface.nextLevel, true); BlocklyDialogs.showDialog(content, null, false, true, style, function() { document.body.removeEventListener('keydown', BlocklyDialogs.congratulationsKeyDown, true); }); document.body.addEventListener('keydown', BlocklyDialogs.congratulationsKeyDown, true); document.getElementById('dialogDoneText').textContent = text; }; var line = variavel_global;
  7. Alberto Nascimento

    Função "Calcula" do JavaScript

    i("calcula").onclick = function(){ Este comando depois que eu atualizei meu servidor para PHP 7.2 não quer mais funcionar.
  8. Sherlock02

    Remover texto com Javascript

    Olá! Eu gostaria de remover o texto dos links utilizando javascript. <div id='social' class='social section'> <li><a href='http://instagram.com'>Facebook</a></li> <li><a href='http://facebook.com'>Facebook</a></li> </div> Não é possível remover o texto manualmente, pois estou falando da plataforma blogger, e por padrão ele insere o texto. Eu gostaria que ficasse apenas: <div id='social' class='social section'> <li><a href='http://instagram.com'></a></li> <li><a href='http://facebook.com'></a></li> </div> Obrigada.
  9. Olá boa tarde, tudo bem? Tenho uma consulta de CEP via AJAX, na qual ele seleciona a cidade no SELECT cidades: $("#cidade").val(dados.localidade); O problema é que tem que estar exatamente igual nos 2 lados, na consulta e no select. Como fazer para não diferenciar minúsculas e maiúsculas, e caracteres especiais? Obrigado!
  10. juliosertori

    Moeda em Javascript com Erro Numérico

    Olá tudo bem? Tenho campos de produtos que somam os valores e multiplicam pela quantidade, na maioria das vezes o valor sai corretamente em um INPUT com MASK de Moeda, mas alguns valores sai por exemplo dessa forma: 8984.960000000001 O que faz com que não fique corretamente para mandar no POST e tratar os dados depois, na maioria das vezes ele vem correto, por exemplo: R$ 8,898.10 Não encontrei uma forma dele tratar quando tiver várias casas ele concertar etc.
  11. Claudia França

    Criar link para baixar arquivo pdf

    https://gestaotecc.com.br/ebook/nomedoarvio.pdf ==== === =======> esse é o link do e-book {"email":"Subscriber Already Exists","convertkit":"Inactive","drip":"Inactive","activeCampaign":"Inactive","campaignMonitor":"Inactive","getResponse":"Inactive","aweber":"Inactive","markethero":"Inactive","SendinBlue":"Inactive","MailPoet":"Inactive","ConstantContact":"Inactive","mailchimp":"Inactive","WebHook":"Inactive","database":"Subscriber Already Exists"} =============> é o erro depois que preenche o formulário. Eu recebo os dados e preciso que o link do arquivo carregue direto. https://gestaotecc.com.br/wp-admin/admin-ajax.php?action=ulpb_formBuilderEmail_ajax é o caminho de onde eu devo por o código mas não sei exatamente onde pr as instruções. ou aceito alguma outra ideia para resolver o problema para quando o usuário preencher o formulário o arquivo de downloads carregar automaticamente.
  12. Olá, gostaria de saber o que aconteceu com o site de certificações do imasters, hoje recebi uma recomendação para fazer o teste de php, pesquisei e o endereço me apareceu como primeira opção (pelo Google), entretanto o link parece estar inativo, apenas me aparece que não é possível acessar o site. Enviei a um amigo para que pudesse analisar e me dizer se o problema era apenas comigo, mas ele também não consegue abrir! Gostaria de saber se ainda assim possa ser algum problema em meu navegador, e se não, quando tornará ser disponível novamente. Desde já agradeço a atenção!
  13. juliosertori

    JSON dentro de While Javascript

    Olá galera tudo bem? Tenho um While em Javascript, e preciso dentro dele um JSON, ex: while ( qtdProd <= qtdProdutos ) { { "cod_barras": "SEM GTIN", "codigo_produto": 1, "nome_produto": "Coca-cola lata 350 ml", "ncm": "44071100", "unidade": "UN", "quantidade": 1.00, "valor_unitario": 3.5, "compoe_valor_total": 1 } qtdProd++; } Logicamente assim não funciona, mas não encontrei como inserir corretamente
  14. Olá! Fiz um site e tento redirecioná-lo para uma página para móbile mas não funciona o que faço. function loadpag() { var str = ("iPhone,iPod,iPad,Android,BlackBerry"); var mobl = navigator.platform; var resp = str.indexOf(mobl); if (resp != -1){ window.location.assign = ("http://www.pagina.com.br"); } }
  15. Teixeirajrwd

    Pegar Html escondido de um site

    Bom dia galera estou tentando pegar o html real do site https://iqoption.com/traderoom que é uma plataforma de negociação on-line, estou desenvolvendo um bot para fazer operações automaticas e preciso pegar algumas divs desse site.. o problema e que esse site renderiza o html de uma forma escondida assim o codigo fonte real do site nao é exibido queria saber se existe alguma maneira de conseguir pegar o html do site... outra coisa que reparei fuçando nos JavaScript que esse sistema usa é que aparentemente ele usa arquivos .vui como templates Se alguém souber algum jeito agradeço demais ..
  16. Esse script transforma a primeira letra de cada palavra em maiúsculas, exceto algumas palavras que fazem parte das matrizes nas variáveis wordContainAt, wordsToIgnore, wordUpperCase. Estou tendo problemas para refatorar o código criado no jQuery para JavaScript Puro. Pretendo utilizar exportação ES6. Acho que não entendi muito bem esse conceito, além de não conseguir obter o objeto this dentro do escopo da função, como acontece em jQuery. Alguém pode me ajudar ? <input class="lower" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(window).on('load', function() { $.fn.capitalize = function() { // words to ignore let wordContainAt = '@', wordsToIgnore = ['to', 'and', 'the', 'it', 'or', 'that', 'this'], wordUpperCase = ['S.A', 'SMS', 'USA'], minLength = 2; function getWords(str) { if (str == undefined) { str = 'abc def'; } else { str = str; } return str.match(/\S+\s*/g); } this.each(function() { let words = getWords(this.value); console.log(words); $.each(words, function(i, word) { // only continues if the word is not in the ignore list or contains at '@' if (word.indexOf(wordContainAt) != -1) { words[i] = words[i].toLowerCase(); } else if (wordUpperCase.indexOf($.trim(word).toUpperCase()) != -1) { words[i] = words[i].toUpperCase(); } else if (wordsToIgnore.indexOf($.trim(word)) == -1 && $.trim(word).length > minLength) { words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1).toLowerCase(); } else { words[i] = words[i].toLowerCase(); } }); if (this.value != '') { this.value = words.join(''); } }); }; // field onblur with class .lower $(document).on('blur', '.lower', function() { $(this).capitalize(); }).capitalize(); }); </script> Como pretendo: const capitalizeTheWord = () => { console.log('hello World'); const inputWordCapitalize = document.querySelector('input.lower'); inputWordCapitalize.addEventListener('blur', (e) => { // }); }; export default capitalizeTheWord();
  17. drx

    NodeJS

    Olá pessoal! Estou iniciando no nodejs e estou achando incrível. Porém estou precisando de uma mãozinha. Eu estou usando o passport local para autenticação do usuário e apesar de estar exatamente como ensina na video aula, ainda assim não avança para a página principal. Só para explicar melhor. Ao debugar, percebo que ele faz a leitura do email e do id na base mysql. As constantes estão declaradas e não mostra erro algum. Alguém poderia me dar uma luz? Vou postar o código tal como está, para melhor entendimento e desde já agradeço. Este é o "auth.js" const localStrategy = require("passport-local").Strategy const bcrypt = require("bcryptjs") //model const Usuario = require("../models/Usuario") require("../models/Usuario") module.exports = function(passport){ passport.use(new localStrategy({usernameField: 'email', passwordField: 'senha'}, (email, senha, done) => { Usuario.findOne({where: {email: email}}).then((usuario) => { //Usuario.findOne({email: email}).then((usuario) => { if(!usuario){ return done(null, false, {message: "Esta conta não existe"}) } bcrypt.compare(senha, usuario.senha, (erro, batem) => { if(batem){ return done(null, usuario) }else{ return done(null, false, {message: "Senha incorreta"}) } }) }) })) passport.serializeUser((usuario, done) => { done(null, usuario.id) }) passport.deserializeUser((id, done) => { Usuario.findByPk(id, (err, usuario) => { done(err, usuario) }) }) }
  18. danicarla

    Alterar valor de campo Select

    Olá gente bom dia... tenho um select e gostaria de mudar o valor dele quando o botão do formulário for apertado para "Aguarde" Gostaria de fazer isso sem usar jquery Acho que é algo simples mas pela busca não achei nada.. <script> function MudarSelect(){ // Mudar o select para AGUARDE } </script> <select name="conteudo" id="conteudo"> <option value="0" disabled selected>-- Selecione</option> <option value="Carros">Carros</option> <option value="Motos">Motos</option> </select> <input type="submit" value="Buscar" onclick="MudarSelect();" />
  19. Meu site esta mostrando uma mensagem de site hackeado, já restaurei um backup do site mesmo assim continua, entrei em contato com os programadores da minha hospedagem e eles me deixaram na mão não sabem o que esta acontecendo, não sou muito avançado na área de programação então quem poder me dar uma luz agradeço.
  20. Olá eu gostaria de pedir a ajuda de todos vocês para me ajudar a traduzir este código para Javascript puro. let crypto = require("crypto"); const Now = Math.round(new Date().getTime() / 1000); const Signature = crypto.createHmac("sha512", "huehueheuehueheueh").update("/tapi/v3/?tapi_method=get_account_info&tapi_nonce=" + Now).digest("hex");
  21. Ola pessoal, Estou desenvolvendo um form de pesquisa simples(com um campo somente). No caso, esta pesquisa retornaria o nome da cidade , mas com opcoes da pessoa escolher alguns dados do seu perfil(nao precisa gravar nada no banco) é só demonstrativo Voces tem alguma ideia disso? Obrigada
  22. guilherme agutoli

    ajuda com regex em javascript

    Ola! tenho um texto e gostaria de pegar algumas informações desse texto, estou tentando usar REGEX mas não consigo pegar as informações que quero. Exemplo de um texto: Pedido de Compra 19/12/2019 17:35 4 Page 1 of Tipo de Prazo: Carência: Prazo Fixo: Desc.Canal: 0,00 Desc.Financ: 0,00 Obs: Comprador: xxxxxxx Frete: CIF Código Dt Entr Qtde Vlr. Unit I.P.I. IcmSubs B.C. Subs Des.Com Des.Adi Outros Peso Kg Plt Pr. F Descrição Embalagem Recebimento Inc.Des Fin: N Seq Dt Elab: 19/12/2019 AMAC.ROUPA XXXXXX YYYY Vermelho 20/12/19 390 26,03 5,00 1,71 35,51 0,00 0,00 0,00 5.233,8 S 40711-100 CXA 1 X 24 500ML N 1 produto.Limpeza XXXX-YYYY 20/12/19 1.872 26,03 5,00 1,71 35,51 0,00 0,00 0,00 24.785,3 S 9854-189 CXA 1 X 24 500ML N 2 produtoXXXX 20/12/19 234 26,03 5,00 1,71 35,51 0,00 0,00 0,00 3.098,2 S 19033-154 CXA 1 X 24 500ML N 3 produto.CASA YYYY ZZZZZ 20/12/19 390 26,03 5,00 1,71 35,51 0,00 0,00 0,00 5.163,6 S 6795-176 CXA 1 X 24 500ML N 4 produtoBBBBB 20/12/19 1.872 26,03 5,00 1,71 35,51 0,00 0,00 0,00 24.785,3 S 6149-176 CXA 1 X 24 500ML N 5 Produto: TOTAIS: Pedido: 123.850,74 138.161,55 Peso: 63.066,12 A parte do texto que está em negrito é o que quero pegar com o REGEX mas não tive sucesso. eu precisava que esse REGEX me retornasse cada produto em uma linha diferente, para depois eu conseguir fazer um insert em um banco de dados Usar REGEX é a melhor forma de fazer isso ou existe uma maneira mais fácil? alguém consegue me ajudar com essa duvida?
  23. ola galera estou na luta aqui, se eu estiver no lugar errado sorry... seguinte estou num projeto de escola de cursos, e no curso terá tipo uns 3 valores de curso os cursos aVista - curso Parcelado - e curso pago na promissoria fiz esses radio para habilitar e desabilitar os valores conforme clicado <input type="radio" name="comoPagar" id="Pgtovista" onclick="habilitar()" /> <label class="form-check-label" for="aVista"> à Vista </label> <input type="radio" name="comoPagar" id="Pgtoparcelado" onclick="habilitar()" /> <label class="form-check-label" for="parcelado"> Parcelado </label> <input type="radio" name="comoPagar" id="Pgtopromissoria" onclick="habilitar()" /> <label class="form-check-label" for="promissoria"> Promissoria </label> esse é meu java script para trabalhar <script> //Habilitar_Desabilitar_Inputs function habilitar() { //aVista if ($("#Pgtovista").prop('checked') == true) { $("#Avista").prop("disabled", false); } else { $("#Avista").prop("disabled", true); } //Parcelado if ($("#Pgtoparcelado").prop('checked') == true) { $("#parcelado").prop("disabled", false); } else { $("#parcelado").prop("disabled", true); } //Promissoria if ($("#Pgtopromissoria").prop('checked') == true) { $("#promissoria").prop("disabled", false); } else { $("#promissoria").prop("disabled", true); } } <script> bom agora vem o que esta pegando, esse javaScript acima esta habilitando certinho conforme clicado na forma, mais negocio é que tenho por exemplo 30 cursos cadastrados e na hora de habilitar ele só habilita o primeiro valor entendem.. vou explicar minha logica... estou querendo somar os cursos que o aluno escolher fazer tipo tenho um whilePHP que esta me retornando todos os 30 cursos <input type="text" name="cursoPretendido[]" id="Avista" value="<?php echo $resultListCursos->valorCursoVista?>" id="<?php echo $resultListCursos->idCurso?>" disabled /> <input type="text" name="cursoPretendido[]" id="parcelado" value="<?php echo $resultListCursos->valorCursoParcelado?>" id="<?php echo $resultListCursos->idCurso?>" disabled /> <input type="text" name="cursoPretendido[]" id="promissoria" value="<?php echo $resultListCursos->valorCursoPromissoria?>" id="<?php echo $resultListCursos->idCurso?>" disabled /><br> <label style="margin:0 0% 0 0%; font-size:1.3em" class="form-check-label" for="<?php echo $resultListCursos->idCurso?>"> <?php echo $resultListCursos->nomeCurso?></div> </label> ai quero pedir pra habilitar apenas os valores conforme clicado, se for aVista, mostro-o, e desabilito o parcelado e o promissoria se for parcelado mostro-o e desabilito o aVista e o Promissoria, se for promissoria, mostro-o e deabilito o avista e parcelado certo, assim vou cadastrar pegando apenas o valor habilitado(eu acho) rsss mais o problema é que ele esta desabilitando apenas o primeiro registro do whilePHP acredito que tenho que fazer um forJavascritp, seria isso me ajudem pfv
  24. BrazucaBostero

    Porcentagem com JavaScript

    Olá! Estou com uma dúvida daquelas sobre um código de calculo de desconto no javascript, abaixo segue o código JS function calcValor() { //Declarando as variaveis let preco, porcentagem, desconto, novopreco; //Obtendo dados atraves do prompt preco = parseFloat(document.getElementById("CAMPO_87").value); porcentagem = parseFloat(document.getElementById("CAMPO_85").value); alert(preco) document.getElementById("CAMPO_88").value = preco; alert(preco) //Realizando os calculos desconto = preco * porcentagem / 100; novopreco = preco - desconto; //O .toFixed(2) faz com que o valor seja corrijdo para duas casas decimais document.getElementById("CAMPO_88").value = novopreco; } HTML <div class="row"> <div class="col-md-2"><label class="a3label control-label" for="CAMPO_87">Valor da Mensalidade</label> <input class="a3formcontrol form-control" data-campo-id="@@87@@" data-nome="87 - Valor Mensalidade" data-tipo-documental-id="3" id="CAMPO_87" oninput="calcValor()" type="text" /> </div> <div class="col-md-2"><label class="a3label control-label" for="CAMPO_85">Bolsa (%)</label> <input class="a3formcontrol form-control" data-campo-id="@@85@@" data-nome="85 - Bolsa (%)" data-tipo-documental-id="3" id="CAMPO_85" oninput="calcValor()" type="text" /></div> </div> <div class="row"> <div class="col-md-2"><label class="a3label control-label" for="CAMPO_88">Mensalidade Final</label> <input class="a3formcontrol form-control" data-campo-id="@@88@@" data-nome="88 - Valor Mensalidade (F)" data-tipo-documental-id="3" id="CAMPO_88" type="text" oninput="calcValor()" /></div> O que acontece, tenho 2 problemas, que estou a quase 1 semana e não consigo resolver Quando jogo somente o valor do campo mensalidade, ele deveria teoricamente aparecer no campo mensalidade final, independente ou não de haver desconto, porém para minha surpresa ele aparece exatamente igual a imagem abaixo E minha outra dúvida é sobre a questão de , e . Quando calculo desconto com , por exemplo. 2314,50, ele arredonda e quando coloco 2314.50, ele me da o valor exato. Alguém pode me dar uma luz? Desde já fico agredecido
  25. Estou fazendo um slide, Nele, tenho 2 problemas que não encontro solução e peço a ajuda de vocês! Problemas que existem agora: A) Quando o slide começa, no arranque, está sem o efeito. Mas só o arranque mesmo, depois tudo sai corretamente e o feito funciona tanto na ida quanto na volta. B) Perceba que eu crio uma UL clone, e, em algumas rodadas a primeira LI dela está sobrepondo um pouco sobre a ultima LI da UL anterior em uma volta. Já em outra volta vai normal e numa outra volta acaba dando um espaço maior entre as LIs. Acho que erro de arredondamento ou de conta! Pode notar no inicio do JS o trecho $(".itens").css('transition','all 1s ease'); Que tecnicamente deveria adicionar o efeito antes mesmo do loop começar. Sendo assim, não consigo ver motivo do arranque não ter o efeito Coloquei no codepen.io para vocês verem os problemas acontecendo!: https://codepen.io/carcleo/pen/RwPGeMN CSS: * { border:0; padding: 0; margin: 0; outline: 0; box-sizing: border-box; } body { display:flex; width: 1040px; margin: 0 auto; justify-content: center; } .slider > * { border:0; padding: 0; margin: 0; outline: 0; box-sizing: border-box; } .slider { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 130px; border: 0; } .slider > #holder { position: relative; display: flex; overflow: hidden; } .slider > #holder > #uls { position: relative; display: flex; } .slider > #holder > #uls > ul { position: relative; display: flex; } .slider > #holder > #uls > ul > li { position: relative; display: flex; align-items: center; justify-content: center; width: 200px; height: 100px; } .slider > #holder > #uls > ul > li > a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .slider > #holder > #uls > ul > li > a > img { height: 100%; } .slider > #title { position: absolute; align-items: center; justify-content: center; display: none; width: 100px; height: 30px; top: 50px; right: calc(50% - 25px); background: #999; border: 1px solid #ccc; } .slider > #controles { display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; } .slider > #controles > button { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; margin: auto 5px; border-radius: 50%; opacity: .2; } .slider > #controles > button:hover { opacity: 1; border: 1x solid #ccc; } HTML: <div class="slider"> <div id="holder"> <div id="uls"> <ul class="itens"> <li><a href=''><img src='img/sites/ctemcasb.png'></a></li> <li><a href=''><img src='img/sites/fielcard.png'></a></li> <li><a href=''><img src='img/sites/funerariasaopedro.png'></a></li> <li><a href=''><img src='img/sites/gasmuriae.png'></a></li> <li><a href=''><img src='img/sites/hotplateprensas.png'></a></li> <li><a href=''><img src='img/sites/mariasvaidosas.png'></a></li> </ul> </div> </div> <span id="title">Pausado</span> <div id="controles"> <button id="back"> < </button> <button id="next"> > </button> </div> </div> <script type="text/javascript" src="scripts/js/jquery.js"></script> JAVASCRIPT $(document).ready( function() { //cria as variáveis NÃO modificáveis; var container = $("div.slider"), holder = $(container).find("div#holder"), uls = $(holder).find("div#uls"), ul = $(uls).find("ul"), lis = $(ul).find("li"), tamanhoLi = Math.round ( $(lis).first().width() ), numeroLis = Math.round ( $(lis).length ), tamanhoUl = Math.round ( tamanhoLi * numeroLis ), controles = $(container).find("div#controles"), span = $(container).find("span#title"), btnVoltar = $(controles).find("button#back"), btnAvancar = $(controles).find("button#next"); //cria as variáveis modificáveis; var numeroSlidesMostra = 4, tempoIntervalo = 2000; //determina a largura da div que abrigará as UL's. $(holder).width(numeroSlidesMostra * tamanhoLi); //determina a largura das ULs partindo do produto entre a largura de cada LI e a quantidade de LI's $(ul).width(tamanhoUl); //acresenta efeito de transição na UL $(".itens").css('transition','all 1s ease'); //fazendo um clone no final da da div de ULs $(ul).clone().appendTo(uls); //função avançar function avancar () { $(".itens").each (function() { console.log ( Math.round ( $(this).position().left ) ); if ( Math.round ( $(this).position().left ) <= -Math.round ( $(ul).width() ) ) $(this).css({ "transition" : "none", "left" : "+=" + ( ( 2 * tamanhoUl ) - tamanhoLi ) }) ; else $(this).css({ "transition" : "all 1s ease", "left" : "-=" + tamanhoLi }) ; }); } //função voltar function voltar () { $(".itens").each (function() { console.log ( Math.round ( $(this).position().left ) ); if ( Math.round ( $(this).position().left ) >= Math.round ( $(holder).width() ) ) $(this).css({ "transition" : "none", "left" : "-=" + ( ( 2 * tamanhoUl ) - tamanhoLi ) }) ; else $(this).css({ "transition" : "all 1s ease", "left" : "+=" + tamanhoLi }) ; }); } //código do onClick no botão avancar btnAvancar.click ( function (e) { clearInterval(loop); avancar(); loop = setInterval( avancar, tempoIntervalo); }); //código do onClick no botão voltar btnVoltar.click ( function (e) { clearInterval(loop); voltar(); loop = setInterval( avancar, tempoIntervalo); }); //dispara o loop na função avançar var loop = setInterval( avancar, tempoIntervalo ); //para e reinicia o loop ao passar/retirar o mouse sobre o slide holder.mouseover(function(){ clearInterval(loop); //mostra a mensagem span.css("display", "flex"); }).mouseout(function(){ loop = setInterval( avancar, tempoIntervalo ); //esconde a mensagem span.css("display", "none"); }); })
×

Important Information

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