DiegoRLS

@washalbano como não sou expert em JavaScript tentei adaptar o código de outro botão que eu tinha criado, e acreditava que o botao.on seria necessário para realizar a função de redirecionar para o link. Mas o seu código deu certo, obrigado pela ajuda!

Fala galera, tranquilo? É o seguinte, estou precisando criar um formulário simples de apenas um campo onde vai ser digitado um código e quando clicar no botão o usuário será redirecionado para a seguinte página: https://meusite.com.br/(codigodigitado) A minha dúvida é como juntar a URL pré definida com o código que o usuário digitar, até tentei algumas soluções aqui mas não deram certo. Acredito que o erro esteja no JavaScript, se alguém poder me dar uma ajuda agradeço. <!--FORMULARIO DE PREENCHIMENTO--> <form action="" class="formRed" method="get" name="codRed"> <label> <input id="codigo" class="form-inputs" type="text"/> </label> <input class="botao" type="button" value="Redirecionar"/> </form> <!--FUNÇÃO REDIRECIONAR--> <script> script type="text/javascript"> $().ready(function(){ var botao = $(".botao"); botao.on("click", function(){ var cod = document.getElementById("codigo").value; location = 'https://meusite.com.br/'+cod; } }, false) </script>

Obrigado @Adriano_web por ajudar e pela sugestão de estudo. Boas festas!

Fala galera, Estou precisando de ajuda pra algo que acredito que seja simples de resolver, tenho um formulário e posicionei os campos um do lado do outro, mas ficam muito pertos atrapalhando a organização, o que eu queria era só aumentar o espaço lateral entre os objetos e deixar alinhados confome exemplo da foto anexada. Quem pode dar uma ajuda agradeço. <!--DESIGN CSS--> <style type="text/css"> #label { color: #d6d6d6; } #calculadora input[type=text], select { width: 20%; padding: 12px 20px; color: black; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } #calculadora input[type=number], select { width: 20%; color: #191515; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } #calculadora input[type=button] { width: 50%; background-color: #073BF7 ; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; box-shadow:0 5px 0 #0635de; } #calculadora input[type=button]:hover { background-color: #4286f4; box-shadow:0 5px 0 #3b77db; } #calculadora div { border-radius: 5px; padding: 0px; color: white; } </style> <!--FUNÇÃO CALCULADORA--> <script type="text/javascript"> $().ready(function(){ var botao = $(".botao"); botao.on("click", function(){ var pessoa = $("#pessoa").val(); var equipamento = $("#equipamento").val(); var velame = $("#velame").val(); var calculo = ((parseFloat(pessoa) + parseFloat(equipamento)) * 2.2) / parseFloat(velame); var cargaAlar = calculo.toFixed(2); $("#resultado").val(cargaAlar); <!-- VERIFICAR NIVEL DE EXPERIENCIA --> switch (true) { case (cargaAlar <= 1.1): $("#experiencia").val("Iniciante"); break; case (cargaAlar > 1.1 && cargaAlar <= 1.3): $("#experiencia").val("Intermediário"); break; case (cargaAlar > 1.3 && cargaAlar <= 1.5): $("#experiencia").val("Avançado"); break; case (cargaAlar > 1.5): $("#experiencia").val("Experiente"); break; default: console.log('Desculpe, houve erro no cálculo, tente novamente.'); } }); }); </script> <!--FORMULARIO DE PREENCHIMENTO E RESULTADO--> <div action="" id="calculadora" method="post" name="calcform"> <div > <label id="label">Peso da Pessoa (kg):</label> <label id="label">Peso do Equipamento (kg):</label> <label id="label">Tamanho do Velame (ft):</label> <br> <input id="pessoa" name="pessoa" type="number" value="70" /> <input id="equipamento" name="equipamento" type="number" value="12" /> <input id="velame" name="velame" type="number" value="190" /> <br> <input class="botao" type="button" value="Calcular" /> <br> <label id="label">Carga Alar:</label> <label id="label">Nível de Experiência:</label> <br> <input disabled="" id="resultado" type="text" value="" /> <input disabled="" id="experiencia" type="text" value="" /> </div> </div>

Muito obrigado @Adriano_web, era isso mesmo. Só adicionei a linha: $(document).ready(function() { e funcionou. Valeu pela ajuda!

Na plataforma do blogger não, na plataformar do blogger você baixa um template e ele vem um arquixo .xml ai quando você faz o upload pra plataforma o blogger lê o arquivo e aplica o template. A customização do template não precisa ser feita no código fonte, tem a ferramenta propria pra customizar. Mas, tem a opção de editar o HTML do template caso queira. O que eu fiz foi pegar o HTML da página e colar no arquivo.

Opa, estava muito pesado para inserir o código na postagem... então salvei esse arquivo no Notepad++, segue o código completo. CodigoFonte.zip

Eu estou criando um blog e como não tenho muito conhecimento na área de programação peguei um template pronto apenas para modificar, mas notei apenas um problema nele que não consigo resolver, um menu dropdown que só funciona uma vez, ou seja, ao abrir o site a primeira vez e passar o mouse sobre o dropdown ele funciona, mas ao passar outra vez já não funciona mais, já fiz o teste em diferente navegadores e o erro acontece em todos. Como eu disse tenho pouco conhecimento, então não quis ficar mexendo no código para não correr o risco de estragar algo. Vou deixar aqui a parte em HTML do menu, uma função em JavaScript que acredito ser do dropdown mas não tenho certeza e o erro que consegui ver pelo console do Chrome, esse erro acontece na primeira vez que se passa o mouse sobre o menu. Caso queiram mais parte do código só falar que eu procuro e posto aqui, e caso querem acessar o site para ver o erro é www.skypoint.com.br. Quem poder dar uma ajuda para ver se o problema tem solução agradeço. <!-- ESTRUTURA HTML --> <li><a href='#'>Categorias</a> <ul class='sub-menu'> <li><a href='#'>Geral</a></li> <li><a href='#'>Performance</a></li> <li><a href='#'>Segurança</a></li> <li><a href='#'>Técnico</a></li> </ul> </li> //FUNÇÃO JAVASCRIPT DO DROPDOWN (?) (function ($) { $.fn.mobileMenu = function (b) { var c = { defaultText: "Navigate to...", className: "select-menu", subMenuClass: "sub-menu", subMenuDash: "&ndash;" }, settings = $.extend(c, b), el = $(this); this.each(function () { el.find("ul").addClass(settings.subMenuClass); $("<select />", { "class": settings.className, "title": settings.defaultText }).insertAfter(el); $("<option />", { "value": "#", "text": settings.defaultText }).appendTo("." + settings.className); el.find("a").each(function () { var a = $(this), optText = "&nbsp;" + a.text(), optSub = a.parents("." + settings.subMenuClass), len = optSub.length, dash; if (a.parents("ul").hasClass(settings.subMenuClass)) { dash = Array(len + 1).join(settings.subMenuDash); optText = dash + optText } $("<option />", { "value": this.href, "html": optText, "selected": this.href == window.location.href }).appendTo("." + settings.className) }); $("." + settings.className).change(function () { var a = $(this).val(); if (a !== "#") window.location.href = $(this).val() }) }); return this } })(jQuery); //ERRO NA CONSOLE DO CHROME VM221:1491 Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function at Object.swing (VM221:1491) at init.run (jquery.min.js:2) at a (jquery.min.js:2) at Function.v.fx.timer (jquery.min.js:2) at Kn (jquery.min.js:2) at HTMLUListElement.o (jquery.min.js:2) at Function.dequeue (jquery.min.js:2) at HTMLUListElement.<anonymous> (jquery.min.js:2) at Function.each (jquery.min.js:2) at init.each (jquery.min.js:2)

@joseph_dev deu certo! Obrigado!

Estou reativando o tóico para tirar um última dúvida... Estou tentando exibir o resultado do switch case dentro do input igual ficou o resultado da cálculo, mas não estou conseguindo, quando uso o <input> o resultado do switch case não aparece, mas quando deixo dentro do <span> aparece normalmente, tem como exibir o resultado do switch case dentro de um input também para ficar padronizado? <!-- CALCULADORA DE CARGA ALAR --> <script type="text/javascript"> $(document).ready(function(){ var botao = $(".botao"); botao.on("click", function(){ var pessoa = $("#pessoa").val(); var equipamento = $("#equipamento").val(); var velame = $("#velame").val(); var calculo = ((parseFloat(pessoa) + parseFloat(equipamento)) * 2.2) / parseFloat(velame); var cargaAlar = calculo.toFixed(2); $("#resultado").val(cargaAlar); <!-- VERIFICAR NIVEL DE EXPERIENCIA --> switch (true) { case (cargaAlar <= 1.1): $(".experiencia").html("Iniciante"); break; case (cargaAlar > 1.1 && cargaAlar <= 1.3): $(".experiencia").html("Intermediário"); break; case (cargaAlar > 1.3 && cargaAlar <= 1.5): $(".experiencia").html("Avançado"); break; case (cargaAlar > 1.5): $(".experiencia").html("Experiente"); break; default: console.log('Desculpe, houve erro no cálculo, tente novamente.'); } }); }); </script> <!-- FORMULARIO DE PREENCHIMENTO E RESULTADO --> <form action="" method="post" name="calcform"> <fieldset> <label>Peso da Pessoa (kg):</label> <input id="pessoa" name="pessoa" type="text" value="70" /> <label>Peso do Equipamento (kg):</label> <input id="equipamento" name="equipamento" type="text" value="12" /> <label>Tamanho do Velame (ft):</label> <input id="velame" name="velame" type="text" value="190" /> <label></label> <input class="botao" type="button" value="Calcular" /> <label></label> <label>Carga Alar: <input disabled id="resultado" value=""></label> <label>Nível de Experiência: <input disabled id="experiencia" value=""></label> <!-- No span o resultado aparece normal <label>Nível de Experiência: <span class="experiencia"></span></label> --> </fieldset> </form>

@DiF agora deu certo, ficou tudo correto. Obrigado pela ajuda!

@DiF realmente ficou bem fácil. O erro no resultado era porque o alert naturalmente é string, então usei o parseFloat e resolvi o problema, além disso usei o toFixed para mostrar apenas dois números depois da virgula. Montei a estrutura do Switch, mas não sei se a localização do código está certo, e como exibir ele no label que está montado, não sei se devo dar um id pro switch para identifica-lo (nem sei se é possível), mas tá quase pronto... <p>&nbsp;</p><h1 style="text-align: center;"><span style="font-family: Changa One;"><span style="font-weight: 400;">CALCULADORA DE CARGA ALAR</span></span></h1><div style="text-align: center;"><span><span style="font-family: ABeeZee;">Preencha o formulário abaixo.</span></span></div><div id="gtx-trans" style="left: 262px; position: absolute; top: 19.4375px;"><div class="gtx-trans-icon"></div></div> <script type="text/javascript"> $(document).ready(function(){ var botao = $(".botao"); botao.on("click", function(){ var pessoa = $("#pessoa").val(); var equipamento = $("#equipamento").val(); var velame = $("#velame").val(); var calculo = ((parseFloat(pessoa) + parseFloat(equipamento)) * 2.2) / parseFloat(velame); var cargaAlar = calculo.toFixed(2); document.getElementById('resultado').setAttribute("value", cargaAlar); }); switch (calculo) { case '<=1': console.log('Iniciante'); break; case '>1 and <=1.3': console.log('Intermediário'); case '>1.3 and <=1.5': console.log('Avançado'); case '>1.5': console.log('Avançado'); break; default: console.log('Desculpe, houve erro no cálculo, tente novamente.'); document.getElementById('experiencia').setAttribute("value", ???); }); </script> <form name="calcform" method="post" action=""> <fieldset> <label for="pessoa">Peso da Pessoa (kg):</label> <input type="text" name="pessoa" id="pessoa" value="70"/> <label for="equipamento">Peso do Equipamento (kg):</label> <input type="text" name="equipamento" id="equipamento" value="12"/> <label for="velame">Tamanho do Velame (ft):</label> <input type="text" name="velame" id="velame" value="190"/> <label></label> <input type="button" value="Calcular" class="botao" onClick=calcular()/> <label></label> <label>Carga Alar: <input type="text" id="resultado" value=""></label> <label>Nível de Experiência: <input type="text" id="experiencia" value=""></label> </fieldset> </form>

Opa @DiF, beleza? Na verdade não ta dando erro, o que eu não to conseguindo fazer é na hora que apertar o botão calcular ele mostrar os resultados. Já tentei usar formula comum e também uma função para realizar as contas, mas não funcionaram dentro desta estruturam que montei.

Olá a todos, Estou criando um blog sobre paraquedismo e dentro dele irei colocar uma calculadora de carga alar (parâmetro usado no esporte), como faz um tempo que não uso JavaScript montei toda a estrutura mas acabei travando na hora de calcular o resultado. O calculo a ser feito é através de três entradas do usuário (peso da pessoa, peso do equipamento e tamanho do velame) e o cálculo será: ((peso da pessoa+peso do equipamento)*2.2)/tamanho do velame Além disto quero mostrar o nível de experiência baseado no resultado que seria o seguinte: menor ou igual a 1 - Iniciante 1.1 até 1.3 - Intermediário 1.31 até 1.5 - Avançado maior que 1.51 - Experiente Vou deixar a estrutura que fiz até o momento e uma foto de como está ficando no blog. Quem poder me ajudar agradeço. <p>&nbsp;</p><h1 style="text-align: center;"><span style="font-family: Changa One;"><span style="font-weight: 400;">CALCULADORA DE CARGA ALAR</span></span></h1><div style="text-align: center;"><span><span style="font-family: ABeeZee;">Preencha o formulário abaixo.</span></span></div><div id="gtx-trans" style="left: 262px; position: absolute; top: 19.4375px;"><div class="gtx-trans-icon"></div></div> <form name="calcform" method="post" action=""> <fieldset> <label for="pessoa">Peso da Pessoa (kg):</label> <input type="text" name="pessoa" id="pessoa" value="70"/> <label for="equipamento">Peso do Equipamento (kg):</label> <input type="text" name="equipamento" id="equipamento" value="12"/> <label for="velame">Tamanho do Velame (ft):</label> <input type="text" name="velame" id="velame" value="190"/> <label></label> <input type="button" value="Calcular" class="botao" onClick=calcular()/> <label></label> <label>Carga Alar:</label><label ></label> <label>Nível de Experiência:</label> </fieldset> </form>

Não aparece erro nenhum, quando eu dou duplo clique no arquivo ele abre e fecha rapidamente como se estivesse funcionado, mas a cópia da planilha não é feita. Já verifiquei a questão do nome da planilha e está certo.

Olá galera, Eu tenho uma planilha chamada "Consumo do Banco de Dados" e quero fazer uma cópia da mesma alterando o título para "Consumo do Banco de Dados - Backup", criei um arquivo .bat para fazer isso, mas o mesmo não funciona, tanto as planilhas como o .bat estão na mesma pasta. @echo copy "Consumo do Banco de Dados.xlsm" "Consumo do Banco de Dados - Backup.xlsm" Como está tudo na mesma pasta eu não especifiquei nada em relação a caminho, alguém poderia me ajudar? Obrigado.

Olá, Estou tendo o seguinte problema, recentemente comprei um fliperama que vem com o Raspberry Pi3 e roda o sistema Recalbox, e estou querendo modificar os jogos e etc. Para eu fazer isso preciso acessar o sistema do fliperama pelo IP. Conectei um cabo de rede no Raspberry Pi3 mas quando tento acessar o IP fornecido pelo sistema, no navegador aparece a mensagem abaixo, a mensagem é do Chrome mas também acontece em outros navegadores. Só um detalhe que toda vez que reinicio o fliperama o IP que ele fornece é diferente, o padrão é 192.168.25.(?) sempre muda o ultimo número. Tem alguma solução? Não é possível acessar esse site A conexão com 192.168.25.7 foi recusada. Tente: Verificar a conexão Verificar o proxy e o firewall ERR_CONNECTION_REFUSED