GabrielSennaMs
-
Total de itens
149 -
Registro em
-
Última visita
-
Qualificações
N/D
1 Seguidor
-
JQuery RESOLVIDO reaproveitar valor de variável JQuery
GabrielSennaMs respondeu ao tópico de fspjonny em Programação web
@fspjonny Faz uma modificação no código // De valores['total'] = parseFloat(valores['resultado_1'] + valores['resultado_2']); // Para valores['total'] = parseFloat(valores['resultado_1']) + parseFloat(valores['resultado_2']);- 6 respostas
-
- 1
-
- 204 visualizações
-
JQuery RESOLVIDO reaproveitar valor de variável JQuery
GabrielSennaMs respondeu ao tópico de fspjonny em Programação web
@fspjonny O código não é muito grande. Sentido faz, agora vai depender de como você vai aplicar. Exemplo: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <button>Click me!</button> <script> $(document).ready(function(){ var num = 0; // Número de clicks $("button").on('click', function(){ num++; alert(`Você clickou ${num} vezes nesse botão!`); }); }); </script> </body> </html>- 6 respostas
-
- 1
-
- 204 visualizações
-
JQuery RESOLVIDO reaproveitar valor de variável JQuery
GabrielSennaMs respondeu ao tópico de fspjonny em Programação web
@fspjonny Boa tarde! Bom Jquery é uma bliblioteca javascript e não uma linguagem, então ela não possui uma variavel propriamente dita "variável Jquey". Olhando o código publicado é visivel o problema de escopo que você está tendo, caso queira entender melhor aqui tem um artigo muito bom! https://imasters.com.br/desenvolvimento/escopos-em-javascript, para resolver esse problema você pode declarar uma variavel em um escopo acima e passar o resultado para ela, assim você vai conseguir acessar ela. Bom eu fiz um exemplo. <!DOCTYPE html> <html> <head> <title>Teste</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <style> html, body { width: 100%; height: 100%; display: flex; } .form { max-width: 600px; margin: auto; padding: 1em; box-shadow: 1px 1px 15px #999; } </style> </head> <body> <div class="form"> <div> <label>Valor da Joia: </label> <input id="joia" type="number" value="0"><br> <label>Número de parcela: </label> <input id="parcela" type="number" value="0" > <p>Valor: R$ <span id="resultado_1">0</span></p> <br><br> <label>Valor do escudo: </label> <input id="escudo" type="number" value="0"><br> <label>Quantidade de escudo: </label> <input id="quantidade" type="number" value="0"> <p>Valor: R$ <span id="resultado_2">0</span></p> </div> <hr> <p><b>Total: </b> R$ <span id="total">0</span></p> </div> <script> // Constante com todos os valores. const valores = { "total": 0, "joia": 0, "parcela": 0, "escudo": 0, "quantidade": 0, "resultado_1": 0, "resultado_2": 0 }; // Chamando Jquery para setar eventos nos inputs. $(function(){ // == $(document).ready(function(){ $('#joia').on('change', calcular); $('#parcela').on('change', calcular); $('#escudo').on('change', calcular); $('#quantidade').on('change', calcular); }); // Função para calcular os valores e guardar na constante valores. function calcular() { // Pegando os valores e guardando. valores['joia'] = $('#joia').val(); valores['parcela'] = $('#parcela').val(); valores['escudo'] = $('#escudo').val(); valores['quantidade'] = $('#quantidade').val(); // Utilizando os valores e fazendo os calculos. valores['resultado_1'] = (valores['joia'] / valores['parcela']).toFixed(2); valores['resultado_2'] = (valores['escudo'] * valores['quantidade']).toFixed(2); valores['total'] = parseFloat(valores['resultado_1'] + valores['resultado_2']); // Escrevendo os valores para o usuário updateValor(conveterReal(valores['resultado_1']), 'resultado_1'); updateValor(conveterReal(valores['resultado_2']), 'resultado_2'); updateValor(conveterReal(valores['total']), 'total'); } // Função para conveter valores em formado BR. function conveterReal(int) { let tmp = int+''; tmp = tmp.replace(".", ""); tmp = tmp.replace(/([0-9]{2})$/g, ",$1"); if( tmp.length > 6 ) { tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2"); } return (tmp == 'Infinity' || tmp == 'NaN') ? 0 : tmp; } // Função para alterar os valores dos elementos. function updateValor(valor, id) { let elen = $('#'+id); if(elen) { elen.html(valor); } } </script> </body> </html> Espero que isso ajude!- 6 respostas
-
- 2
-
-
- 204 visualizações
-
JQuery RESOLVIDO Trocar cor do fundo do input text via Jquery
GabrielSennaMs respondeu ao tópico de fspjonny em Programação web
@fspjonny Bom olha bem o argumento passado pra função css() // Inválido {"background-color"}:{valor} // Correto {"background-color": valor} Bom eu fiz um teste usando o seu código com a modificação acima e ele funcionou sem problema. Se possivel verifica o console de erros e tira um print pra gente dar uma olhada. Uma duvida que me ocorreu aqui, você utiliza o método change, para o input emitir esse evento é necessario que precione entrer, se você está esperando um evento change ao finalizar a digitação ele não vai emitir. Pra esses casos não seria melhor utilisar um evento de keyboard, como keyup, keydown ou keypress. -
JQuery RESOLVIDO Trocar cor do fundo do input text via Jquery
GabrielSennaMs respondeu ao tópico de fspjonny em Programação web
@fspjonny Eu olhei e teste seu código e notei algo estranho, você utiliza o método css() do jquery passando o argumento de uma forma errada. Deve ser por esse motivo que o javascript não está funcionando! Quando você passa o argumento para o método css(), você passa dois object seperados pro dois pontos, e isso vai gerar um erro de código. $("#resultado").css({"background-color"}:{valor}); Você pode passar esse argumento como um object de 'chave : valor', onde a chave é a propriedade do css. $("#resultado").css({"background-color":valor}); Como você só quer alterar uma unica propriedade, você pode passar dois valores string, onde o primeiro e a propriedade e o segundo o valor. $("#resultado").css("background-color", valor); Nota: Foi adicionado no html 5 um tipo(type) de input que carregar uma tabela de cores, o tipo "color", https://www.w3schools.com/tags/att_input_type_color.asp. isso pode ajudar! -
Javascript Conexao.query is not a function
GabrielSennaMs respondeu ao tópico de Julie Silveira em Programação web
@Julie Silveira Pra podemos ajuda é necessario entender como você faz a conexão com o MYSQL através do arquivo connection.js; Se possivel poderia mostrar ele? Aqui tem um ótimo tutorial: https://www.w3schools.com/nodejs/nodejs_mysql_select.asp -
@LuanCSM Bom meu amigo, você tem que ser mais especifico no que exatamente você quer ou precisa
-
WordPress ajuste de imagem em galeria
GabrielSennaMs respondeu ao tópico de Bruna Siqueira em Programação web
@Bruna Siqueira Esse exemplo de galeria, pode ajudar! https://codepen.io/morto/pen/vYOLqZj -
PHP Post de notícia não abre pelo id em outra página
GabrielSennaMs respondeu ao tópico de Beorlegui em Programação web
@Beorlegui Quando você usa a função mysqli_query o primeiro argumento deve ser a variável de conexão com o MYSQL, e no seu codigo você passa primeiro a query SQL e depois a variável de conexão. Atual $resultado_post = mysqli_query('SELECT * FROM artigos WHERE id = ' . $id, $ConDB); Correção $resultado_post = mysqli_query($ConDB, 'SELECT * FROM artigos WHERE id = '.$id); Recomento muito você dar uma revisada no seu código, do jeito que ele está fazendo a conexão, ele pode tomar ataque de SQL injected. -
Javascript "Auto escrever" em uma caixa de texto.
GabrielSennaMs respondeu ao tópico de Paulo V. em Programação web
@Paulo V. Como nosso amigo @João Vitor Sacramento Rocha falo, você cria um laço de repetição, porêm antes você pode usar o método array_rand() do php, assim o método vai embaralhara a ordem da lista(array) antes do laço montar as palavras. -
Outro conexao esp pagina web
GabrielSennaMs respondeu ao tópico de Erica Ortet Moreira em Programação de microcontroladores
@Erica Ortet Moreira Você conecta via socket a página e o Microcontrolador ao servidor, geralmente usam o socket mqtt pra isso, mas você também pode usar tcp/ip. -
Javascript Como fazer esse jogo (super trunfo) rodar com o HTML, CSS e JavaScript?
GabrielSennaMs respondeu ao tópico de Amaurício_Front em Programação web
@Amaurício_Front Esse jogo ficaria inviavel porque o outro jogador teria total ciência do que o seu adversário teria em mãos. Pra esse caso recomendario o uso de um web socket, para fazer a conexão em tempo real com o servidor e assim montar um sistema de jogo online. -
PHP Estudar NodeJS ou PHP?
GabrielSennaMs respondeu ao tópico de Dark-Programação em Programação web
@Claudiano Lima Conheci o desenvolvimento web quando eu tinha 11 anos, desenvolvendo um site para acesssar um serivdo de um jogo conchecido como habbo hotel, desde então denho estudado e trabalhado como freelance em pequenos projetos na web, esse ano eu completei 21 anos e posso dizer que tenho 5 anos de experiencia em desenvolvimento web com 10 anos de curiosidade e estudo na area. -
PHP Estudar NodeJS ou PHP?
GabrielSennaMs respondeu ao tópico de Dark-Programação em Programação web
@Claudiano Lima Bom se você tem um bom conhecimento da sua linguagem você não vai nessecitar de nenhum curso para aprender a usar uma biblioteca dela. Como você quer começa a trabalhar como freelance eu recomendaria a continuar a estudar o php, existe recursos que vão ajudar e muito o seu trabalhoa como tal, por exemplo o wordpress que é feito em php. -
HTML (Bootstrap) Como tirar espaço sobrando da pag web?
GabrielSennaMs respondeu ao tópico de Mizrain Phelipe Sá em Programação web
@Megajack O problema está no seu css. Você coloca uma largura de 110% no elemento 'main' com um filho que possui class 'row'. main .row{ margin-bottom: 5px; width: 110%; } Remove isso e essa largura adiciona vai sumir, exemplo. main .row{ margin-bottom: 5px; } Você nem precisa declarar um espaço desse em css, como você está usando boostrap você pode usar as class de espaçamento do mesmo, como mb-1. <main class="row mb-1"> </main>- 2 respostas
-
- 2
-
- 340 visualizações
