Jump to content

wanderval

Members
  • Content count

    361
  • 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

3540 profile views
  1. 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
  2. wanderval

    Resolução da tela automaticamente

    Talvez seja essa parte: // Tente isso if (x && x.matches) // Ao invez disso if (x.matches)
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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!
  8. wanderval

    required

    Mas pra que você precisa de um select se todas as opções são obrigatórias?
  9. 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
  10. 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
  11. tem código faltando onde esta o método lanceCpu()?
  12. 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
  13. 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!
  14. wanderval

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

    o seu problema e que você está querendo colocar options dentro de um "span", dentro de um select não tem span tem options // errado <select id="testeSelect"> <span id="respSelect"></span> </select> test: // não funciona $('#respSelect').html('<option>1111</option>'); // funciona $('#testeSelect').html('<option>2222</option>'); JsBin: https://jsbin.com/jozidinime/edit?html,js,console,output
  15. wanderval

    Função JavaScript

    Esse problema tá confuso: Parte 1: 1- A variável usuários funciona da mesma forma que um array? R: Bom pelo que está ai essa variável é um array! 2- porem possui limitações? R: quais as limitações de um array? Array é array! Bom eu fiz uma implementação baseada no que entendi do problema: function getAllUsers() { var usuarios = [ { id: 15, nome: 'MARIA' },{ id: 22, nome: 'JOSÉ' },{ id: 25, nome: 'ANDERSON' },{ id: 24, nome: 'ADMINISTRADOR' },{ id: 35, nome: 'MARTA' },{ id: 36, nome: 'MAISTRE' },{ id: 47, nome: 'ANTONIO' },{ id: 18, nome: 'JORGE' },{ id: 49, nome: 'WILLIAM' },{ id: 20, nome: 'MARCOS' } ]; return usuarios; } function pegaNomes(from) { const allUsers = getAllUsers(); const concatNamesToIndex = allUsers.map((user, index) => { return user.nome += ' - ' + (++index); }); console.log(concatNamesToIndex); return [concatNamesToIndex[from[0]-1], concatNamesToIndex[from[1]-1]]; } // conclui que o parametro from é um array contendo as duas posisões requisitadas console.log('Resultado: ', pegaNomes([2,9])); JsBinTest: https://jsbin.com/muqelawipu/edit?html,js,console,output
×

Important Information

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