Search the Community
Showing results for tags 'evento'.
Found 9 results
-
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');
- 1 reply
-
- js
- criandocurriculo
-
(and 4 more)
Tagged with:
-
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.
-
Evento sobre nova plataforma de Desenvolvimento
Wagner Prudente posted a topic in Notícias e Novidades
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...-
- programação
- produtividade
-
(and 3 more)
Tagged with:
-
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!
- 2 replies
-
- data
- recorrencia
-
(and 4 more)
Tagged with:
-
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>
- 1 reply
-
- mouse
- javascript
-
(and 3 more)
Tagged with:
-
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....