wanderval
-
Total de itens
412 -
Registro em
-
Última visita
-
Dias vencidos
2
Tudo que wanderval postou
-
Talvez seja essa parte: // Tente isso if (x && x.matches) // Ao invez disso if (x.matches)
-
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
-
botao Duplicar botão. Não estou conseguindo.
wanderval respondeu ao tópico de 4Unknow em Desenvolvimento frontend
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 -
Fixar menu lateral e barra css grid
wanderval respondeu ao tópico de Sapinn em Desenvolvimento frontend
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 -
Acho que isso responde sua pergunta: https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window
-
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!
-
Mas pra que você precisa de um select se todas as opções são obrigatórias?
-
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
-
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
-
JS - criar rotina que só avança após certa condição ser satisfeita pelo usuário
wanderval respondeu ao tópico de joagostini em Javascript
tem código faltando onde esta o método lanceCpu()? -
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
-
Inserindo <option></option> através do Ajax
wanderval respondeu ao tópico de henriquers em Javascript
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! -
Inserindo <option></option> através do Ajax
wanderval respondeu ao tópico de henriquers em Javascript
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 -
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
-
Acho que seria algo como isso: function vezesLetraAparece(frase, letra) { if(!letra.trim().length) { return 0; } const letrasEncontrada = frase.match(new RegExp(letra, "g")); return (letrasEncontrada || []).length; } JsBin: https://jsbin.com/zowejiwado/edit?html,js,console,output
-
Seria algo como isso: function somaDeGauss(numeroMaximo) { let resultado = 0; for(let numeroAtual = 1; numeroAtual <= numeroMaximo; numeroAtual++){ resultado = resultado + numeroAtual; } return resultado; } JsBintest: https://jsbin.com/redenejaqe/edit?html,js,console,output
-
Uma função simples seria isso: function caculadoraAdicaoSubtracao(num1, num2, operation) { const validOperations = ['+', '-']; if(!validOperations.includes(operation)) { return 0; } return mathOperatio = { '+': num1 + num2, '-': num1 - num2 }[operation]; } Jsbintest: https://jsbin.com/yujimogiwi/edit?html,js,console,output
-
Tenta isso: function selecionar() { var x = document.getElementById('id_select'); // option 1: usando classic for for(let item = 0; item < x.length; item++) { x[item].selected = true; } // option 2: usando forEach // Array.from(x).forEach(item => item.selected = true); } JsBin: https://jsbin.com/tehopenegu/edit?html,js,output
-
Resultado: 500601 JsBin: https://jsbin.com/dobumedove/edit?html,js,output
-
Chamar evento blur se valor do select for igual a 2.
wanderval respondeu ao tópico de Kefatif em Javascript
Existem outros eventos melhores pra trabalhar com essa solução, um exemplo usando o 'change': $(function(){ //inserir os códigos aqui $('#fase').on('change', function() { if(this.value === '2') { alert('você selecionou a opção 2!') } }); }); JsBintest: https://jsbin.com/vepoxaxapo/edit?html,js,output -
Acredito que faltou apenas a validação! function aprendiz() { var x = document.getElementById("id_select"); var txt = ""; var i; for (i = 0; i < x.length; i++) { if(x.options[i].selected) { txt = txt + x.options[i].text + "<br>"; } } document.getElementById("id_p").innerHTML = txt; } Test Jsbin: https://jsbin.com/tegacigole/edit?html,js,output
-
Primeiro erro que é o seu método de click, tenha conciência de uma coisa o chrome ele roda código errado as vezes pq ele realiza um fix na execução, por esse motivo o firefox não roda! Sugestão: CSS/HTML: .image-action { width: 70px; height: 70px; cursor: pointer; } <img class="image-action" src="images/ic_abrir.png" onclick="abre_notificacao(11)"/> <img class="image-action" src="images/ic_excluir.png" onclick="excluir_notificacao(12)"/> Ponderações: 1 - primeiro erro: onClick não existe! pesquise e verá apenas "onclick" 2 - feche todas as tags isso pode gerar erro de layout <img /> caso o mesmo não for feito <img src="images/ic_abrir.png" width="70" height="70" onclick="abre_notificacao(11)" style="cursor:pointer" id="p_imagem-" name="p_imagem"/> <img src="images/ic_excluir.png" width="70" height="70" onclick="excluir_notificacao(12)" style="cursor:pointer"/> 3 - Você está executando um método de reload() fora de um método assincrôno, isso não deve ser feito o motivo e que pode executar antes da confirmação ocorrer assim cancelando a ação inicial. function excluir_notificacao(codigo) { $.post("excluir_notificacao.php", {codigo: codigo}, function(resposta) { confirm(resposta+" ("+codigo+")"); location.reload(); }); // location.reload(); } Obs: 1- faça um css nesse código 2- porque Test: https://jsbin.com/xawawuvime/edit?html,css,js,output
-
[RESOLVIDO] Deixando apenas o bg-img opacity
wanderval respondeu ao tópico de Jack Oliveira em Desenvolvimento frontend
Tente isso: .bg-img { position: relative; z-index: 1; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 0px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .bg-img:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-image: url('https://www.jetimob.com/blog/wp-content/uploads/2016/10/banner.png'); background-size: cover; opacity:0.6; } Link: jsbin: https://jsbin.com/riziyawoqo/edit?html,css,output -
Sua duvida estrá incosistente você postou um objeto que acredito ser o response, mas sua lógica tem muitas propriedades não presentes nesse objeto; JS: $.each(problema, function(i, value) { console.log('The value at arr[' + i + '] is: ' + value.displayId); // propriedade não existe no objeto var newRow = $('<tr class="linha-table">'); var cols = ""; cols += '<td class="displayId" id="displayId">' + value.displayId + '</td>'; cols += '<td class="impactLevel" id="impactLevel">' + value.impactLevel + '</td>'; // propriedade não existe no objeto cols += '<td class="status" id="status">' + value.status + '</td>'; // propriedade não existe no objeto cols += '<td class="title" id="title">' + value.title + '</td>'; // propriedade não existe no objeto cols += '<td class="estimatedAffectedUsers" id="estimatedAffectedUsers">' + value.impactAnalysis.impacts.estimatedAffectedUsers + '</td>'; newRow.append(cols); $("#table-licencas").append(newRow); }); Objeto: e por favor né poste como código todo codigo e obejto a forma que colocou ficou ilegivel, e não entendi até agora porque flodou em 4 topicos repetidos pra postar uma duvida inconsistente. impactAnalysis: { impacts: [{ impactType: "SERVICE", impactedEntity: { entityId: { id: "SERVICE-034769111916BA3B", type: "SERVICE" }, name: "" }, estimatedAffectedUsers: 0, numberOfPotentiallyAffectedServiceCalls: 4496 }, { impactType: "APPLICATION", impactedEntity: { entityId: { id: "APPLICATION-A8D06FDBBA2EE7F6", type: "APPLICATION" }, name: "" }, estimatedAffectedUsers: 2 }, { impactType: "SERVICE", impactedEntity: { entityId: { id: "SERVICE-B7A98E7FDD81118A", type: "SERVICE" }, name: "online-importer-server-v*" }, estimatedAffectedUsers: 0, numberOfPotentiallyAffectedServiceCalls: 775 }, { impactType: "SERVICE", impactedEntity: { entityId: { id: "SERVICE-D773255CD13D8968", type: "SERVICE" }, name: "" }, estimatedAffectedUsers: 1, numberOfPotentiallyAffectedServiceCalls: 34 } ] }
-
Documentação jquery: https://api.jquery.com/ready/ Documentção mozilla: https://developer.mozilla.org/en-US/docs/Glossary/jQuery resumindo "ready" significa "pronto, preparado" então logo quando o elemento document estiver pronto ou carregado nesse caso o script será executado. No seu caso o keyup é um evento que fica escutando, não precisa estar dentro do ready mesmo.