Jump to content

wanderval

Members
  • Content count

    363
  • Joined

  • Last visited

  • Days Won

    2

wanderval last won the day on June 10 2018

wanderval had the most liked content!

Community Reputation

19 Levemente Bom

6 Followers

About wanderval

  • Birthday 03/30/1984

Informações Pessoais

  • Sexo
    Masculino

Recent Profile Visitors

3848 profile views
  1. wanderval

    0 Cálculo de porcentagem sem arredondamento

    No seu caso é somente adicionar um replace da virgula para ".". ex: var tar = parseFloat($('#tarifa').val().replace(",", ".")); Codigo inteiro: $(function(){ $('#valorVenda').on('input', function() { calculate(); }); $('#tarifa').on('input', function() { calculate(); }); function calculate(){ var pPos = parseFloat($('#valorVenda').val()); var tar = parseFloat($('#tarifa').val().replace(",", ".")); var result = " "; if(isNaN(pPos) || isNaN(tar)){ }else{ result = ((pPos - ((13.00 * pPos) / 100.00)) - tar).toFixed(2); } $('#total').val(result); } }); Link Jsbin: https://jsbin.com/jeresaqamo/edit?html,css,js,output
  2. wanderval

    [DÚVIDA] Botão com delay video

    Acredito que você terá que ver alguma documentação da vimeo pra ver como você pode manipular o video, assim poderá analisar o script que forneça o tempo de execução exato. Talvez isso ajude: https://developer.vimeo.com/player/sdk/basics
  3. wanderval

    Encurtar texto

    JS: function truncateMidlle(text, maxLength = 9, numberOfLetters = 3) { if(text.length >= maxLength) { const startPart = text.slice(0, numberOfLetters); const endPart = text.slice(-(text.length-numberOfLetters)); return startPart +'...'+ endPart.slice(endPart.length-numberOfLetters, endPart.length); } return text; } console.log(truncateMidlle('abcdefghijklmn', 3, 5)); console.log(truncateMidlle('bala', 3)); console.log(truncateMidlle('Text para recuperar', 18)); // OUTPUT // "abcde...jklmn" // "bal...a" // "Tex...rar" JSBin: https://jsbin.com/rivocadaso/edit?html,js,console,output
  4. wanderval

    Resolução da tela automaticamente

    Talvez seja essa parte: // Tente isso if (x && x.matches) // Ao invez disso if (x.matches)
  5. wanderval

    Funções

    function cartomante(sons, partner, city, job) { return `Você ocupará a função ${job} na cidade de ${city}, vai se casar com ${partner} e terá ${sons} filhos`; } console.log(cartomante(2, 'Yasmin', 'New York', 'empresário')); const cartomanteArrow = (sons, partner, city, job) => { return `Você ocupará a função ${job} na cidade de ${city}, vai se casar com ${partner} e terá ${sons} filhos`; } console.log(cartomanteArrow(2, 'Yasmin', 'New York', 'empresário')); Jsbin: https://jsbin.com/yawojoqote/edit?html,js,console,output
  6. wanderval

    Duplicar botão. Não estou conseguindo.

    Seu ploblema está aqui: CSS: .popup-btn{ position: absolute!important; top: 55%; left: 50%; transform: translate(-50%,-50%); } Basicamente e vai posicionar todos os botões na mesma posição por isso não conseguia ver outro botão adicionado! Adicionando isso com um ajuste no html: CSS: .button-wrapper { position: absolute !important; top: 55%; left: 50%; transform: translate(-50%,-50%); display: flex; } .popup-btn{ margin-right: 5px !important; } HTML: <div class="button-wrapper"> <button type="button" class="main-btn-rect popup-btn" data-popup="popup-reg">Modo Agressivo</button> <button type="button" class="main-btn-rect popup-btn" data-popup="popup-reg2">Modo Conservador</button> <button type="button" class="main-btn-rect popup-btn" data-popup="popup-reg3">Modo f***</button> </div> <div id="popup-reg" class="popup"> <div class="popup-content"> <div class="event-header"> <h6>Don't be shy, say hi!</h6> </div> Stop Loss: 255<br> Stop Gain: 30<br><br> Ou a seu gosto!<br><br> Desvio Envelope: 0.12<br><br> Pausas nas operações: 10:00,11:00,10:30,12:30<br> <span class="fade-out main-btn-circle">╳</span> </div> </div> <div id="popup-reg2" class="popup"> <div class="popup-content"> <div class="event-header"> <h6>Ok Man! I respect your position!</h6> </div> Stop Loss: 255<br> Stop Gain: 30<br><br> Ou a seu gosto!<br><br> Desvio Envelope: 0.12<br><br> Pausas nas operações: 10:00,11:00,10:30,12:30<br> <span class="fade-out main-btn-circle">╳</span> </div> </div> <div id="popup-reg3" class="popup"> <div class="popup-content"> <div class="event-header"> <h6>Ok Man! You are the best!</h6> </div> Stop Loss: 255<br> Stop Gain: 30<br><br> Ou a seu gosto!<br><br> Desvio Envelope: 0.12<br><br> Pausas nas operações: 10:00,11:00,10:30,12:30<br> <span class="fade-out main-btn-circle">╳</span> </div> </div> JsBin: https://jsbin.com/yixevolowu/1/edit?html,css,output
  7. wanderval

    Fixar menu lateral e barra css grid

    HTML: <body> <main> <nav></nav> <section> hi </section> <article> <p>conteudo</p> </article> </main> </body> CSS: body { margin: 0; } main { display: grid; grid-template-columns: 20% 55% 25%; grid-template-rows: 55px 1fr; background: grey; } nav { background: blue; grid-row: 1; grid-column: 1 / 4; position: sticky; top: 0; } section { background: grey; grid-column: 1 / 2; grid-row: 2; position: sticky; top: 60px; left: 0; align-self: start; } article { background: yellow; grid-column: 2 / 4; } article p { padding-bottom: 1500px; } JSBin: https://jsbin.com/tifonawuxu/1/edit?html,css,output
  8. wanderval

    Resolução da tela automaticamente

    Acho que isso responde sua pergunta: https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window
  9. wanderval

    Grafico Dinamico Chart.js

    não é buscar do banco de dados, somente linguagens de back-end fazem isso, o que você precisa é ter um script do back-end ou api do backend pra poder ser consumida pelo front, mas no seu exemplo não vi nada similar. Se quer a ajuda de alguem aqui a respeito disso precisa falar como estruturou o backend!
  10. wanderval

    required

    Mas pra que você precisa de um select se todas as opções são obrigatórias?
  11. wanderval

    Palindromo

    Seu erro é simples, você comentou a linha que recupera o valor digitado no input é adicionou uma valor fixo que nunca será um palíndromo! HTML: <!--Sempre chama o VPalindromo com o valor 'fcampo'--> <button type="button" onclick="VPalindromo('fcampo')" >Validar Palíndromo</button> JS: function VPalindromo(str) { // Parametro sempre tem o mesmo valor //var str = document.getElementByID("fcampo").value; // ERRADA getElementByID var er = /[\W]/g var smallStr = str.toLowerCase().replace(er, ""); var x = smallStr.split("").reverse().join(""); if (x == smallStr) { alert("É um palindromo.") } else{ alert("Não é um palindromo.") } } CORRECÃO HTML: <button type="button" onclick="VPalindromo()" >Validar Palíndromo</button> JS: function VPalindromo() { var str = document.getElementById("fcampo").value; var er = /[\W]/g var smallStr = str.toLowerCase().replace(er, ""); var x = smallStr.split("").reverse().join(""); if (x == smallStr) { alert("É um palindromo.") } else{ alert("Não é um palindromo.") } if (x === smallStr) return true; return false; } JSBIN: https://jsbin.com/gutuwonere/edit?html,js,output
  12. wanderval

    Balões com html e css

    Eu adicionaria uma classe para manipular: <body> <span class="bubble active arrow-bottom">Balão com borda</span> <span class="bubble active arrow-top">Balão com borda inverse</span> </body> CSS: body { padding: 140px 10px; text-align: center; } /* Criando o balão */ .bubble { background-color: #fff; border: 2px solid #333; border-radius: 5px; color: #333; display: inline-block; font: 16px/24px sans-serif; padding: 12px 24px; position: absolute; } /* Criando o triângulo */ .bubble.active.arrow-bottom:after, .bubble.active.arrow-bottom:before { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ''; left: 80%; margin-left: -15px; position: absolute; } .bubble.active.arrow-bottom:before { border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid; border-top-color: inherit; bottom: -18px; margin-left: -18px; } /* Trinagulo on top position*/ .arrow-top { margin-top: 100px; } .bubble.active.arrow-top:after, .bubble.active.arrow-top:before { border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; top: -15px; content: ''; left: 80%; position: absolute; margin-left: -15px; } .bubble.active.arrow-top:before { border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid; border-bottom-color: inherit; top: -18px; margin-left: -18px; } JSbin: https://jsbin.com/kikohozuba/edit?html,css,output
  13. tem código faltando onde esta o método lanceCpu()?
  14. wanderval

    Restringir visualização de PDF

    Aqui é sessao de HTML e CSS não de PHP: Isso irá envolver .htaccess pra limitar apenas ao dominio! mas acho que isso pode te ajudar: https://pt.stackoverflow.com/questions/52930/proteger-pasta-contra-acesso-direto
  15. wanderval

    Inserindo <option></option> através do Ajax

    Faz o seguinte da um console.log(response), pra saber como o dado está vindo do script php! ai você coloca um exemplo do objeto retornado! Ai fica mais fácil analisar!
×

Important Information

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