Search the Community
Showing results for tags 'evento'.
Found 10 results
-
Como adicionar um evento específico nos campos de um formulário HTML.
Flaviaac posted a topic in HTML e CSS
Boa tarde pessoal, gostaria de pedir uma ajuda para criar um evento em um formulário HTML. Eu tenho um formulário em HTML e PHP, e nele tem um campo do tipo select e um campo do tipo text(desabilitado). Gostaria que ao clicar no campo select e escolher qualquer opção da lista, automaticamente em seguida aparecesse dentro do campo text um valor respectivo a opção escolhida anteriormente. Exemplo: Tenho um campo select com tipos diferentes de materiais (vidro, papel, alumínio, etc.) e no campo text(desabilitado) terei a quantidade de anos que cada material demora a se decompor na natureza. O campo text inicialmente estará vazio, mas quando selecionar o material, aparecerá dentro deste text a quantidade de anos. obs.: Os valores do campo select e do campo text estão ambos na mesma tabela do banco de dados(MySQL), o campo select com valores string e o campo text com valores inteiros. Não sei se consegui explicar direito, mas acredito que terei que utilizar javascript para este evento, mas ainda não sei como. Alguém tem ideia de como eu poderia fazer isso ou alguma dica? Muito obrigada!! -
Bom dia Senhores, Pessoal estou iniciando em Js e gostaria de uma mãozinha. Na faculdade o professor pediu para que eu fizesse um gerador de curriculo em HTML com JS. Perfeito estou criando, mais enrrosquei em uma parte aqui, temos os campos dos dados pessoais, após tenho os dados de formação, ai que está: Na formação tenho tres inputs criado em HTML para Curso, Instituição e Ano de Conclusão e na frente tenho que ter o botão de mais e menos para inserir e tirar mais inputs contendo o mesmo conteúdo. Tenho um evento em cada input, onkeyup que vai mostrando os dados abaixo. E estou com dificuldade na hora de adicionar esse evento aos input que eu crio automaticamente após criar apertando o botão mais. Alguém pode me ajudar. Vou colocar abaixo meu dois códigos HTML e JS. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>teste</title> </head> <body> <form id="dadosP"> <div id="dadosPe"> <label for="nome">Nome:</label> <input type="text" name="nome" id="nome" onkeyup="mostrar()"> <label for="email">E-mail:</label> <input type="text" name="email" id="email" onkeyup="mostrar()"> <label for="end">Endereço Profissional:</label> <input type="text" name="end" id="end" onkeyup="mostrar()"> </div> </form> <br> <form id="dadosEdu"> <div id="dadosEduc"> <label for="curso">Curso:</label> <input type="text" name="curso" id="curso" onkeyup="mostrar()"> <label for="inst">Instituição:</label> <input type="text" name="inst" id="inst" onkeyup="mostrar()"> <label for="anoconclu">Ano Conclusão:</label> <input type="text" name="anoconclu" id="anoconclu" onkeyup="mostrar()"> <button type="button" onclick="maiscurso()">+</button> <button type="button" onclick="menoscurso()">-</button> </div> </form> <br><br> <div id="mdadosp"> <div id="mnome"> <span id="pmnome"></span><br> <span id="pmemail"></span><br> <span id="pmend"></span> </div> </div> <br><br> <div id="mdadosedu"> <div id="mcurso"> <span id="pmcurso"></span><br> <span id="pminst"></span><br> <span id="pmanoconclu"></span> </div> </div> <script src="script.js"></script> </body> </html> JS var i = 0; function mostrar() { var nome = document.getElementById("nome").value; var email = document.getElementById("email").value; var end = document.getElementById("end").value document.getElementById("pmnome").innerHTML = nome; document.getElementById("pmemail").innerHTML = email; document.getElementById("pmend").innerHTML = end; if (i > 0) { var curso = document.getElementById("curso" + i).value; var inst = document.getElementById("inst" + i).value; var anoconclu = document.getElementById("anoconclu" + i).value; } else { var curso = document.getElementById("curso").value; var inst = document.getElementById("inst").value; var anoconclu = document.getElementById("anoconclu").value; } document.getElementById("pmcurso").innerHTML = curso; document.getElementById("pminst").innerHTML = inst; document.getElementById("pmanoconclu").innerHTML = anoconclu; } function maiscurso() { i++; var br2 = document.createElement("br"); var br1 = document.createElement("br"); var lbl1 = document.createElement("label"); lbl1.id = "lblcurso" + i; var t = document.createTextNode("Curso: "); lbl1.setAttribute("for", "Curso: "); var inp1 = document.createElement("input"); inp1.id = "curso" + i; inp1.setAttribute("onkeyup", mostrar()); var lbl2 = document.createElement("label"); lbl2.id = "lblinst" + i; var x = document.createTextNode("Instituição: "); lbl2.setAttribute("for", " Instituição: "); var inp2 = document.createElement("input"); inp2.id = "inst" + i; //inp2.addEventListener(onkeyup, mostrar()); var lbl3 = document.createElement("label"); lbl3.id = "lblanoconclu" + i; var z = document.createTextNode("Ano Conclusão: "); lbl3.setAttribute("for", " Ano Conclusão: "); var inp3 = document.createElement("input"); inp3.id = "anoconclu" + i; var br = document.createElement("br"); //inp3.addEventListener(onkeyup, mostrar()); document.getElementById("dadosEduc").appendChild(br2); document.getElementById("dadosEduc").appendChild(br1); document.getElementById("dadosEduc").appendChild(t); document.getElementById("dadosEduc").appendChild(inp1); document.getElementById("dadosEduc").appendChild(x); document.getElementById("dadosEduc").appendChild(inp2); document.getElementById("dadosEduc").appendChild(z); document.getElementById("dadosEduc").appendChild(inp3); document.getElementById("dadosEduc").appendChild(br); // var newdiv = document.createElement('div'); // newdiv.innerHTML += '<label for="curso">Curso:</label><input onkeyup="mostrar()" type="text" name="curso' + line + '_1" id="curso' + line + '_1">'; // newdiv.innerHTML += '<label for="inst">Instituição:</label><input onkeyup="mostrar()" type="text" name="inst' + line + '_2" id="inst' + line + '_2">'; // newdiv.innerHTML += '<label for="anoconclu">Ano Conclusão:</label><input onkeyup="mostrar()" type="text" name="anoconclu' + line + '_3" id="anoconclu' + line + '_3">'; // document.getElementById("dadosEduc").appendChild(newdiv); // line++; } //maiscurso('lines');
-
Como disparar um evento na home e manter ativo nas demais páginas do site?
marco.prado posted a topic in Javascript
Olá caros, bom dia. Alguém consegue me dar uma luz de como consigo disparar um evento pós click numa home e manter o mesmo ativo nas demais páginas do site? Segue o jquery: $('#btnAcess').on('click', function() { $('body').toggleClass("Acess"); }); Como vocês podem ver, esse código insere uma(Class="Acess") dentro da tag <body> e é isso que eu quero que de alguma forma se mantenha nas outras páginas durante a navegação, disparado por apenas um click feito no botão que possui o (id="#btnAcess"). Desde já obrigado. -
pessoal, como posso criar um evento remotamente, exemplo: uma pessoa clica um botão no site em são paulo e um pop-up aparece na tela de uma pessoa no rio de janeiro.
-
Galera vou compartilhar um evento que achei interessante: https://www.cronapp.io/evento/cronapp-road-show-sao-paulo/ Eles tem um plataforma que está crescendo, faz desenvolvimento web e mobile com Java e também usando Editores visuais. Como é um evento gratuito e presencial as vagas devem esgotar rápido...
-
Olá, Eu estou tentando criar um evento no PHPMYADMIN para que a cada 10 segundos ele execute uma query de inserção no banco de dados. A tabela foi criada com esse comando: CREATE TABLE IF NOT EXISTS messages ( id INT PRIMARY KEY AUTO_INCREMENT, message VARCHAR(255) NOT NULL, created_at DATETIME NOT NULL ); E o evento foi criado com o seguinte código: CREATE EVENT Evento ON SCHEDULE EVERY 10 SECOND DO INSERT INTO messages(message,created_at) VALUES ('Evento',UNIX_TIMESTAMP()); Porém o código não está inserindo os dados no banco de dados. Alguém sabe o porque? Obrigado.
-
Eu estou tentando fazer um cadastro de recorrência de datas para um evento, eu tenho este calendário: https://procurandooquefazer.com.br/data_calendario/ Eu queria que fosse possível clicar em cada data, de preferência de quem está criando o evento, sendo que ele iria selecionar várias datas, para fazer uma recorrência, e essa recorrência ser cadastrada no banco de dados, preciso que seja salva, o dia/mês/Ano, eu até tentei colocar checkbox, mais quando parte para o jquery, eu não consigo fazer o array funcionar. Peço a colaboração de todos para resolver o meu problema!
-
E ai galera, estou com um probleminha aqui, estou fazendo um jogo que quando o player clicar na imagem ela deve desaparecer, e eu não sei como vou fazer essa função, pode ser somente em Javascript, se vocês puderem me ajudar eu agradeceria muito... Vou estar enviando o código abaixo de como esta o projeto até o momento. A intenção é sumir com as imagens cujo id são i1, i2 e i3. <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; function inicio() { var c=document.getElementById("cnv") ctx=c.getContext("2d"); fundo(); for(i=0;i<20;i++) { m[i]=[]; v[i]=[]; } for(i=0;i<20;i++){ for(j=0;j<20;j++){ m[0][0]=document.getElementById("i1"); m[0][1]=document.getElementById("i2"); m[0][2]=document.getElementById("i3"); }} num1(); } function fundo() { ctx.fillStyle="#000000"; ctx.fillRect(0,0,1300,600); } function num1(){ ctx.drawImage(m[0][0],100,100); ctx.drawImage(m[0][1],200,200); ctx.drawImage(m[0][2],600,525);} </script> </head> <body onload="inicio()"> <canvas id="cnv" width="1300" height="600" style="border: solid 1px black; margin: 0px auto; display: block;"> Navegador sem suporte <img src="link da img 1" id="i1"> <img src="link da img 2" id="i2"> <img src="link da img 3" id="i3"> </canvas> </body> </html>
-
Olá, estou trabalhando com uma pagina de update e quero que ocorra um evento quando meu input file for cancelado, especificadamente quando ele ainda esta vazio e é aberto para seleção do arquivo e assim cancelado. Quero que dispare um evento de preferencia em Jquery.
-
tenho um formulario com tres botôes do tipo submit: tenho uma função jquery que é executada quando usuario clica no botao inserir novo registro: $('#form1').on('submit', function(e) { var xtitulo = this.titulo.value; var xtexto = this.texto.value; var xdata = this.data.value; var xb_dados = this.b_dados.value; var xautoria = this.autoria.value; //$("#imagem").fadeToggle(625000); var dados = jQuery( this ).serialize(); jQuery.ajax({ type: "POST", url: "xinserir.php", data: dados, success: function( data ){ //alert("registro gravado"); $("#div_data").append(xdata); $("#div_titulo").append(xtitulo); $("#div_texto").append(xtexto); $("#div_autoria").append(xautoria); //$("#div_id").append(xid); } }); return false; }); Porém quando usuário clicar no botão alterar registro, basicamente, a função seria a mesma, só que ao invés de inserir vai alterar. Preciso pois capturar qual botão foi clicado. Então imaginei que com o código abaixo eu conseguiria capturar o evento: $(".alterar").click(function(){ porém não funciona, quando executo, simplesmente nem lê este código. Acho que isto tem a ver porque o botão está dentro do form. Como faria para capturar o evento deste botão?? Também tentei colocar o código dentro da funcao que lê o formulario (o primeiro codigo acima): acao = $(this).attr('name'); mas este codigo retorna o nome do formulário e não o nome do botão....
