Pesquisar na Comunidade
Mostrando resultados para as tags ''JavaScript''.
-
Você foi contratado para desenvolver um software para um preparador físico, ele necessita calcular o desempenho de seu corredor. O corredor corre em torno de um campo que mede 85x45m. Como resultado o treinador deseja conhecer:(o tempo será informado em segundos) -Quantidade de voltas; -Volta mais lenta (Nro da volta) e tempo; -Volta mais rápida (Nro da volta) e tempo; -Velocidade média em m/s e km/h; -Tempo total em minutos; -Tempo médio de volta(média de tempo segundos); -informar o tempo 999 ou 0 encerrar; -
Recuperar foco para bipar rotulo
uma questão postou Vanessa Gonçalves Carvalho Ajax, JavaScript, XML, DOM
Projeto ASP.NET MVC 4 com ANGUJAR JS. Tenho uma missão que estou tentando descobrir primeiro pelo JavaScript/JQuery, mas o problema envolve a camada do MVC também. É a seguinte: 1) tenho uma View que possui uma caixa de texto que será preenchida com o "bipe" (pistolado) de um código de barras (com o número de um recibo) executado pelo usuário. Por este motivo, a caixa de texto deve ter sempre o "foco", por causa da "bipagem". 2) No evento "enter" (View) desta "caixa de texto" acionamos uma function no Angular que chama uma ActionResult na controller (verifica no banco de dados se o recibo pistolado é válido) e retorna um boolean via JSON para o Angular. 4) Na sequencia, se for verdadeiro, executa o commit deste form via Angular (a action deste form, chama outra controller e ActionResult que será exibida na sequencia). Caso seja false, exibe uma mensagem na tela do próprio form (via Angular). 3) No item 4, quando é true e chama a 2ª View e Controller, executa na sequencia, a impressão do html (formulário preenchido com dados do banco de dados), fecha este 2º form e retorna para a 1ª View com o foco na caixa de texto. Toda essa parte estava funcionando! O desafio que recebi: - O usuário deste site é um operário de uma fábrica e "bipa" os códigos de barra em alta velocidade, sem olhar para a tela. Em alguns momentos em que o sistema está processando os dados, ou quando ocorre um erro na impressora, a caixa de texto perde o foco e a bipagem é perdida. Consequência: - A minha missão é resolver este problema de bipagem/foco para que o operário possa executar esta impressão em alta velocidade, como é realizado atualmente em outro sistema desktop que será substituído. Teria alguma dica de como eu poderia realizar esta missão? Desde já muito obrigada. -
ola pessoal sou novo no java escript dai eu tenho um contador que fica contando mais eu precisava que ele ficasse com pelo menos 10 digitos a esquerda enquanto ele esta contando o script e o seguinte <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> var count=new Number(); var count=0; function start(){ if((count + 1) >= 0){ count=count + 1; tempo.innerText=count; setTimeout('start();',1000); } //window.onload=start; } </script> </head> <body onload="start();"> <div id="tempo"></div> </body> </html> gostaria que quando ele contace ficase assim 000001 em vez 1
-
Recuperar o foco para bipar rótulo
uma questão postou Vanessa Gonçalves Carvalho Tutoriais & Dicas - .NET
Projeto ASP.NET MVC 4 com ANGUJAR JS. Tenho uma missão que estou tentando descobrir primeiro pelo JavaScript/JQuery, mas o problema envolve a camada do MVC também. É a seguinte: 1) tenho uma View que possui uma caixa de texto que será preenchida com o "bipe" (pistolado) de um código de barras (com o número de um recibo) executado pelo usuário. Por este motivo, a caixa de texto deve ter sempre o "foco", por causa da "bipagem". 2) No evento "enter" (View) desta "caixa de texto" acionamos uma function no Angular que chama uma ActionResult na controller (verifica no banco de dados se o recibo pistolado é válido) e retorna um boolean via JSON para o Angular. 4) Na sequencia, se for verdadeiro, executa o commit deste form via Angular (a action deste form, chama outra controller e ActionResult que será exibida na sequencia). Caso seja false, exibe uma mensagem na tela do próprio form (via Angular). 3) No item 4, quando é true e chama a 2ª View e Controller, executa na sequencia, a impressão do html (formulário preenchido com dados do banco de dados), fecha este 2º form e retorna para a 1ª View com o foco na caixa de texto. Toda essa parte estava funcionando! O desafio que recebi: - O usuário deste site é um operário de uma fábrica e "bipa" os códigos de barra em alta velocidade, sem olhar para a tela. Em alguns momentos em que o sistema está processando os dados, ou quando ocorre um erro na impressora, a caixa de texto perde o foco e a bipagem é perdida. Consequência: - A minha missão é resolver este problema de bipagem/foco para que o operário possa executar esta impressão em alta velocidade, como é realizado atualmente em outro sistema desktop que será substituído. Teria alguma dica de como eu poderia realizar esta missão? Desde já muito obrigada. -
Fazer imagem "desaparecer" com o clique do Mouse
uma questão postou brunoBH Ajax, JavaScript, XML, DOM
Galera, estou apanhando um pouco para Javascript rs, preciso fazer uma função para que quando eu clique numa imagem ela meio que desapareça, mas nao estou conseguindo, segue abaixo o meu trecho de código <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; var apagar1 = document.getElementById("i1"); 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> Posso utilizar somente Javascript, se puderem me ajudar eu ficaria muito agradecido, estou meio que desesperado kkkk -
Fazer imagem "desaparecer" com o clique do Mouse
uma questão postou brunoBH Ajax, JavaScript, XML, DOM
Galera, estou apanhando um pouco para Javascript rs, preciso fazer uma função para que quando eu clique numa imagem ela meio que desapareça, mas nao estou conseguindo, segue abaixo o meu trecho de código <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; var apagar1 = document.getElementById("i1"); 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> Posso utilizar somente Javascript, se puderem me ajudar eu ficaria muito agradecido, estou meio que desesperado kkkk -
Olá amigos, bom, esse script que eu encontrei na internet inverte a url, mas eu gostaria de que ele não invertesse, algum de vocês poderia me ajudar? Código: var domainuc='openload.co, ok.ru, videoapi.my.mail.ru, katfile.com, mega.nz, brfiles.com, salefiles.com, secureupload.eu, mega.co.nz, uploaded.net'; //MUDAR AKI... var urluc='http://www.meuSite.com/ss.php?url='+""; //MUDAR AKI... var domainsuc='linkbux, imagegravy, adbrite, clicksor, downlivre'; function cuc(){ var linkuc=document.getElementsByTagName("a"); try{ var locuc=(""+top.location.href).replace("http://","").replace("https://","").replace("www.",""); }catch(e){ var locuc=(""+document.location.href).replace("http://","").replace("https://","").replace("www.",""); } for(i=0;i<linkuc.length;i++){ domain_urluc=(""+linkuc.href).replace(/^\s+/g,"").replace(/\s+$/g,"").replace("http://","").replace("https://",""); if(duc(linkuc.href)&&(((" "+linkuc.href).indexOf(locuc)<=0||(" "+linkuc.href).indexOf("http")<=0)||(" "+linkuc.href).lastIndexOf("http:")>3)&&(" "+linkuc.href).indexOf("script:")<=0&&(" "+linkuc.href).indexOf("#")!=1&&(" "+linkuc.href).indexOf("mailto:")<=0&&(" "+linkuc.href).indexOf("file:")<=0&&(" "+linkuc.href).indexOf("#exit")<=0&&!(!isNaN(parseInt(domain_urluc.substr(0,1)))&&(!isNaN(parseInt(domain_urluc.substr(0,2)))||domain_urluc.substr(0,2)=="."))){ linkuc.target="_blank"; var inverte = linkuc.href.match(/[^|]/gi).reverse().join(""); linkuc.href=urluc+inverte; } } } function duc(urluc){ if(""+domainuc!="undefined"&&domainuc!=""&&domainuc.replace(/\s/g,"")!=""&&urluc!=""){ if((" "+domainuc).indexOf(",")>0){ params_to_skip=domainuc.split(","); }else{ params_to_skip=new Array(domainuc); }for(s=0;s<params_to_skip.length;s++){ if((" "+urluc.toLowerCase()).indexOf(params_to_skip.toLowerCase())>0){ if(""+domainsuc!="undefined"&&domainsuc!=""&&domainsuc.replace(/\s/g,"")!=""&&urluc!=""){ if((" "+domainsuc).indexOf(",")>0){ params_to_skip=domainsuc.split(","); }else{params_to_skip=new Array(domainsuc);} for(s=0;s<params_to_skip.length;s++){ if((" "+urluc.toLowerCase()).indexOf(params_to_skip.toLowerCase())>0){ return false; break; }; }return true; }else{ return true; } }; } return false; }else{ return false; } }/if(""+window.onload==""||""+window.onload=="null"){ window.onload=cuc; }else{ var tout=window.setTimeout("cuc(); clearTimeout(tout)",1); }; -
Olá amigos, bom, esse script que eu encontrei na internet inverte a url, mas eu gostaria de que ele não invertesse, algum de vocês poderia me ajudar? Código: var domainuc='openload.co, ok.ru, videoapi.my.mail.ru, katfile.com, mega.nz, brfiles.com, salefiles.com, secureupload.eu, mega.co.nz, uploaded.net'; //MUDAR AKI... var urluc='http://www.meuSite.com/ss.php?url='+""; //MUDAR AKI... var domainsuc='linkbux, imagegravy, adbrite, clicksor, downlivre'; function cuc(){ var linkuc=document.getElementsByTagName("a"); try{ var locuc=(""+top.location.href).replace("http://","").replace("https://","").replace("www.",""); }catch(e){ var locuc=(""+document.location.href).replace("http://","").replace("https://","").replace("www.",""); } for(i=0;i<linkuc.length;i++){ domain_urluc=(""+linkuc.href).replace(/^\s+/g,"").replace(/\s+$/g,"").replace("http://","").replace("https://",""); if(duc(linkuc.href)&&(((" "+linkuc.href).indexOf(locuc)<=0||(" "+linkuc.href).indexOf("http")<=0)||(" "+linkuc.href).lastIndexOf("http:")>3)&&(" "+linkuc.href).indexOf("script:")<=0&&(" "+linkuc.href).indexOf("#")!=1&&(" "+linkuc.href).indexOf("mailto:")<=0&&(" "+linkuc.href).indexOf("file:")<=0&&(" "+linkuc.href).indexOf("#exit")<=0&&!(!isNaN(parseInt(domain_urluc.substr(0,1)))&&(!isNaN(parseInt(domain_urluc.substr(0,2)))||domain_urluc.substr(0,2)=="."))){ linkuc.target="_blank"; var inverte = linkuc.href.match(/[^|]/gi).reverse().join(""); linkuc.href=urluc+inverte; } } } function duc(urluc){ if(""+domainuc!="undefined"&&domainuc!=""&&domainuc.replace(/\s/g,"")!=""&&urluc!=""){ if((" "+domainuc).indexOf(",")>0){ params_to_skip=domainuc.split(","); }else{ params_to_skip=new Array(domainuc); }for(s=0;s<params_to_skip.length;s++){ if((" "+urluc.toLowerCase()).indexOf(params_to_skip.toLowerCase())>0){ if(""+domainsuc!="undefined"&&domainsuc!=""&&domainsuc.replace(/\s/g,"")!=""&&urluc!=""){ if((" "+domainsuc).indexOf(",")>0){ params_to_skip=domainsuc.split(","); }else{params_to_skip=new Array(domainsuc);} for(s=0;s<params_to_skip.length;s++){ if((" "+urluc.toLowerCase()).indexOf(params_to_skip.toLowerCase())>0){ return false; break; }; }return true; }else{ return true; } }; } return false; }else{ return false; } }/if(""+window.onload==""||""+window.onload=="null"){ window.onload=cuc; }else{ var tout=window.setTimeout("cuc(); clearTimeout(tout)",1); };
-
Pessoal, bom dia. Estou com um projeto para fazer na qual preciso saber como colocar imagem numa matriz, como posso fazer isso ? Posso utilizar somente Javascript, a minha ideia é fazer tipo um jogo da velha, valeu !!
-
Pessoal, tudo certo ? estou iniciando em javascript e estou fazendo um jogo semelhante ao Flappy Bird, e estou com problemas para fazer o passaro se mover, sei que é simples, mas como iniciante me travei quanto a isso, segue o código abaixo <html> <head> </head> <body> <canvas id="meucanvas" width="1024" height="576" style="border: solid 1px black; margin: 0px auto; display: block;"></canvas> <script type="text/javascript"> //Desenhar o contexto function contextocanvas(idCanvas){ var elemento = document.getElementById(idCanvas); if(elemento && elemento.getContext){ var contexto = elemento.getContext('2d'); if(contexto){ return contexto; } } return FALSE; } //Executar o canvas quando iniciar o programa e desenhar elemento window.onload = function(){ var ctx = contextocanvas('meucanvas'); if(ctx){ var img = new Image(); var img2 = new Image(); img.src = 'endereço da imagem do cenario'; img2.src = 'endereço da imagem do passaro do flappy bird'; img.onload = function(){ ctx.drawImage(img, 0, 0); } img2.onload= function(){ ctx.drawImage(img2, 70, 250); } } } </script> </body> </html> Obs : Quero mover a img2 pois é ali que eu coloquei a imagem do player. Desde já muito obrigado
-
Bom dia pessoal. Estou com duvida em como filtrar um array junto com seus '"elementos filhos". Eu tenho um array com name e children e quero filtrar por todos que tenham o name igual a "wat". Aqui eu fiz um exemplo https://jsfiddle.net/rodrigorrch/gpszg7aw/1/ O meu retorno esta sendo assim: [ { "name": "wat" }, { "name": "wat" } ] Mas eu gostaria que meu retorno fosse assim: [ { "name": "wat" }, { "name": "wat" }, { "name": "child folder", "children": [ { "name": "child folder 1", "children": [ { "name": "wat" } ] }, { "name": "wat" }, { "name": "child folder 2", "children": [ { "name": "wat" } ] } ] } ] Alguem poderia me ajudar ? Abraco
-
eu tenho um codigo pra gera lista em xmlnão to conseguindo cria banco de dados pra grava as informaçao digitada na tabela http://jsfiddle.net/marfegte/d7bLxtfL/2/ index.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Gerador lista xml</title> <link rel="stylesheet" type="text/css" media="all" href="generator.css" /> <script src="codigo.js" type="text/javascript"></script> </head> <body onload="init()"> <h1><a href="http://"></a>IPTV Gerador Lista xml</h1> <noscript><p id="no_javascript">IPTV Gerador Lista xml usado JavaScript</p></noscript> <form id="playlistform" action="" onsubmit="return false;"> <table> <thead> <tr> <th>Titulo</th> <th>Link</th> <th>Thumbnail</th> <th>Fanart</th> <th>Info</th> <th><span class="desc" title="opcao">Opção</span></th> </tr> </thead> <tbody id="playlist"></tbody> </table> <p> </p> <pre id="playlistcode"></pre> </body> </html> codigo.js var TYPE_TITLE = 0; var TYPE_LINK = 1; var TYPE_THUMBNAIL = 2; var TYPE_FANART = 3; var TYPE_INFO = 4; var COUNT_COLUMNS = 6; function htmlentities(str) { str = str.replace(/&/g, "&"); str = str.replace(/"/g, """); str = str.replace(/</g, "<"); str = str.replace(/>/g, ">"); return str; } function nl2br(str) { str = str.replace(/\n/g, "<br/>"); return str; } function update() { var playlist = document.getElementById("playlist"); var rows = playlist.getElementsByTagName("tr"); var code = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"; code += " \n"; for (var index = 0; index < rows.length; index++) { var inputFields = rows[index].getElementsByTagName("input"); code += " <item>\n"; for (var j = 0; j < inputFields.length; j++) { var type = ""; var value = inputFields[j].value; switch (j) { case TYPE_TITLE: type = "title"; break; case TYPE_LINK: type = "link"; break; case TYPE_THUMBNAIL: type = "thumbnail"; break; case TYPE_FANART: type = "fanart"; break; case TYPE_INFO: type = "info"; break; } if (type == "link" || value != "") { code += " <" + type + ">" + htmlentities(value) + "</" + type + ">\n"; } } code += " </item>\n"; code += " \n"; } document.getElementById("playlistcode").innerHTML = nl2br(htmlentities(code)); } function updateTable() { var playlist = document.getElementById("playlist"); var rows = playlist.getElementsByTagName("tr"); for (var index = 0; index < rows.length; index++) { var row = rows[index]; var cols = row.getElementsByTagName("td"); var content = "<a href=\"#\" title=\"adicionar um novo\" onclick=\"addTrack(" + (index + 1) + "); return false;\">Adicionar</a> <a href=\"#\" title=\"remove this track\" onclick=\"removeTrack(" + index + "); return false;\">Apagar</a> <a href=\"#\" title=\"editar\" onclick=\"loadRecord(" + (+index + 1) + "); return false;\">Editar</a>"; cols[cols.length - 1].innerHTML = content; } } function addTrack(index) { var playlist = document.getElementById("playlist"); var rows = playlist.getElementsByTagName("tr"); var newRow = document.createElement("tr"); for (var i = 0; i < COUNT_COLUMNS; i++) { var newColumn = document.createElement("td"); if (i < COUNT_COLUMNS - 1) { var inputField = document.createElement("input"); inputField.setAttribute("type", "text"); inputField.onchange = update; inputField.onkeyup = update; newColumn.appendChild(inputField); } else { newColumn.setAttribute("class", "options"); } newRow.appendChild(newColumn); } if (index == rows.length) { playlist.appendChild(newRow); } else { playlist.insertBefore(newRow, rows[index]); } updateTable(); update(); } function removeTrack(index) { var playlist = document.getElementById("playlist"); var rows = playlist.getElementsByTagName("tr"); if (rows.length > 1 && window.confirm("Tem certeza que deseja apagar?")) { playlist.removeChild(rows[index]); updateTable(); update(); } } function init() { addTrack(0); document.getElementById("playlist").getElementsByTagName("tr")[0].getElementsByTagName("input")[0].value = ""; update(); } generator.css body, td { font-family: Verdana, Arial, sans-serif; font-size: 10pt; } a { color: #0000ff; } a:hover { color: #6666ff; } #no_javascript { background-color: #cc0000; color: #ffffff; padding: 0.5em; border: 2px dashed #000000; } h1 { font-size: 150%; font-weight: bold; } h2 { margin-top: 1em; font-size: 120%; font-weight: bold; } table { width: 100%; margin-top: 1em; } th { font-size: 100%; font-weight: bold; text-align: center; background-color: #ccccff; padding: 0.1em 0.3em 0.1em 0.3em; border: 1px solid #aaaaff; } td { padding: 0; text-align: center; border: 1px solid #660000; } td input { width: 100%; height: 100%; border: 0; background-color: #ffffff; } td input:hover { background-color: #eeeeff; } td input:focus { background-color: #ddddff; } #playlistcode { background-color: #ccccff; padding: 0.3em; border: 1px solid #aaaaff; font-size: 10pt; font-family: "Courier New",Verdana,sans-serif; } .desc { border-bottom: } .options { white-space: nowrap; background-color: #ccccff; padding: 0.3em; font-weight: bold; border: 1px solid #aaaaff; font-size: 10pt; text-align: center; font-family: "Verdana,sans-serif; }
-
<script> function openWindow(){ setTimeout(function(){window.open('https://google.com.br/');},1000); // abre o link setTimeout(function(){window.open('https://youtube.com/');},3000); // abre o link setTimeout(function(){window.open('https://facebook.com/');},5000); // abre o link setTimeout(function(){openWindow.close();},2); // fechar link } </script> <a href="#" onclick=openWindow() > teste </a> Alguém poderia ajudar, creio q na hora de fechar não estou fzd certo. Sou novo em js. A função de fechar não tá fechando os link, poderiam ajudar.. -
Fala galera boa tarde... sou novato aqui no forum...e estou com um problema...estou desenvolvento uma aplicação em html e javascript, o problema e o seguinte... tenho que implementar uma função e javascript para mudar o tom de cifra de musicas na minha aplicação... ja tenho ate a função funcionando separada, mas quando aplico ao site os javascript dessa função esta entrando em conflito com outros java ja instalado...ficarei muito grato pela ajuda de vcs nesse assunto... desde ja muito obrigado pela ajuda... e so pra reforçar.... sou leigo em javascript....so pesquiso as funções na net e implemento a aplicação..obrigado. esse e o link da aplicação sem a função de mudar tom http://canticosliturgicos.16mb.com/app/c-santissimatrindade.html esse e o link da função mudança de tom - funcionando como vcs podem ver esse script funciona perfeito...o problema e que entra em conflito com outro script...que não sei onde é http://canticosliturgicos.16mb.com/mudancadetom/index.html esse é o link da aplicação com funçao mudar tom instalada...veja o que acontece....trava a aplicação http://canticosliturgicos.16mb.com/app/mudartomdecifra.html acho quer é quando instalo esse script que o problema acontece <script> $(function() { $( "#tabs" ).tabs(); document.getElementById('cifra').innerHTML = "<button id='menos-meio-tom'>-1/2 tom</button>" + "<button id='mais-meio-tom'>+1/2 tom</button>" + "</div></center><br/><br/>" + document.getElementById('cifra').innerHTML; $( "#menos-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMenosMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada'); continue; } cifras.innerHTML = mapMenosMeioTom[cifras.innerHTML]; } }); $( "#mais-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMaisMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada', cifras.innerHTML); continue; } cifras.innerHTML = mapMaisMeioTom[cifras.innerHTML]; } }); }); </script>
-
Preciso de uma pequena instrução com o código que criei. Esse código deve criar uma nova Issue no meu repositorio no GitHub, porém, eu creio que não estou nem perto disso, não estou obtendo nenhum erro pelo console, mas mesmo assim o POST não está funcionando. olhem: //function relacionada a um form no index.html function postarIssue() { var http = new XMLHttpRequest(); var posIssue = "get_data.php"; var params = {'token': 'token-aqui', 'title': 'teste', 'body': 'Beep boop.'}; http.open("POST", "https://api.github.com/repos/stn6mazia/BitchIssues/issues", true); http.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); http.setRequestHeader("Content-length", params.length); http.setRequestHeader("Connection", "close"); http.onreadystatechange = function postarIssue() { if(http.readyState == 4 && http.status == 200) { alert(http.responseText); } } http.send(params); }; não sei muito mais o que posso estar fazendo de errado, se puderem me ajudar, eu ficaria MUITO grato. Obrigado Att -
Boa tarde, gostaria de uma imensa ajuda, meu chefe me pediu para pegar os campos de uma tupla de determinado website com os campos: nome, nickname, data, endereço ip, e exportasse esses campos para um planilhar excel em forma de tabela via "JavaScript". Ambos os campos seriam separados por ponto e virgula, alguém me daria uma dica ou algo relacionado? Ficaria muito grato!!! -
Boa noite pessoal, antes de mais nada eu já peço desculpas por esse tópico não ter um titulo claro e objetivo, e se já existir essa mesma dúvida em algum outro tópico, peço aos moderadores que removam este e se possível me indique o outro. Bom, sem mais delongas vamos ao caso. Comecei a estudar PHP, sou um estudante "autônono", estudo pela internet e por este motivo, sinto dificuldades em esclarecer algumas dúvidas que surgem durante o aprendizado e devido a isso eu estou aqui, postando uma dúvida que não encontrei na internet (Talvez por não ter pesquisado direito, rsrs). A dúvida é a seguinte, estou criando um formulário de cadastro para colocar em prática o que venho aprendendo no decorrer do curso que estou fazendo, esse formulário envia os dados para uma pagina PHP que faz as validações e se tudo ocorreu bem, ela exibe o alert do Javascript informando que o cadastro foi realizado. Em seguida, redireciona o usuário para uma pagina de login. Até ai está tudo bem, funcionando certinho, mas eu quero que, assim que ele redirecionar para login.html ele executará uma função JavaScript que está declarada neste arquivo (login.html). Queria algo mais ou menos assim: echo("<script>location.href='login.html'; myFunction('Essa função este declarada no login.html mas nao funciona dessa forma');</script>"); Desde já, eu peço desculpas por alguma ignorância em questão do código ou da forma que estou codificando, pois como disse, sou iniciante.
-
Bom dia, meu objetivo é criar uma lista com números aleatórios, na qual o número de elementos dessa lista também sejam aleatórios. Portanto, a cada atualizada uma lista com elementos de valores diferentes e quantidades de elementos diferentes é gerada. Mas estou com dificuldades de gerar a quantidade de elementos aleatórios. Estava pensando em gerar listas aleatórias de 1 a 100 elementos, mas por enquanto só consegui criar listas com uma quantidade fixa de elementos. Em relação aos valores aleatórios já consegui. Alguém pode me ajudar? Sou iniciante em JavaScript, então me perdoem kk var lista = [10]; var i, arr = []; for (i = 0; i < 1000; i++) { arr = i + 1; } var at, al, temp; for (at = arr.length; at;) { al = Math.abs(Math.random() * at-- | 0); temp = arr[al];arr[al] = arr[at]; arr[at] = temp; } for (var i = 0; i < lista; i++) { document.getElementById('array').innerHTML += arr + ' '; }
-
Bom dia, meu objetivo é criar uma lista com números aleatórios, na qual o número de elementos dessa lista também sejam aleatórios. Portanto, a cada atualizada uma lista com elementos de valores diferentes e quantidades de elementos diferentes é gerada. Mas estou com dificuldades de gerar a quantidade de elementos aleatórios. Estava pensando em gerar listas aleatórias de 1 a 100 elementos, mas por enquanto só consegui criar listas com uma quantidade fixa de elementos. Em relação aos valores aleatórios já consegui. Alguém pode me ajudar? Sou iniciante em JavaScript, então me perdoem kk var lista = [10]; var i, arr = []; for (i = 0; i < 1000; i++) { arr = i + 1; } var at, al, temp; for (at = arr.length; at;) { al = Math.abs(Math.random() * at-- | 0); temp = arr[al];arr[al] = arr[at]; arr[at] = temp; } for (var i = 0; i < lista; i++) { document.getElementById('array').innerHTML += arr + ' '; }
-
Boa Noite, Estou criando um formulário de pedido. Nesse formulário tem um campo com o produto e a quantidade. Eu estou utilizando uma função javascript para clonar o campo quando o cliente quer mais um produto, com isso cada vez que o cliente clica em novo produto cria uma nova caixa de seleção para ele selecionar o produto desejado e depois preenche a quantidade. O que eu preciso é enviar esses dados que são gerados atraves dessa função por php. Tentei varias coisas mas em nenhuma obtive sucesso. Segue abaixo os codigos. Javascript var runningproducttally = 1; function addInput(divName) { var copy = document.getElementById('forclone').cloneNode(true); var select1 = copy.getElementsByTagName('select')[0]; select1.setAttribute("name","product"+runningproducttally); document.getElementById(divName).appendChild(copy); runningproducttally++; } PHP <?php if(isset($_POST['email'])) { $email_to = "email@domain.com"; $email_subject = "[ Online Order ]"; function died($error) { echo "We are very sorry, but there were error(s) found with the form you submitted. "; echo "These errors appear below.<br /><br />"; echo $error."<br /><br />"; echo "Please go back and fix these errors.<br /><br />"; die(); } if(!isset($_POST['name']) || !isset($_POST['business']) || !isset($_POST['email']) || !isset($_POST['phone']) || !isset($_POST['quantity']) || !isset($_POST['product'])) { died('We are sorry, but there appears to be a problem with the form you submitted.'); } $name = $_POST['name']; // required $business = $_POST['business']; // required $email_from = $_POST['email']; // required $phone = $_POST['phone']; // not required $quantity = $_POST['quantity']; // required $product = $_POST['product']; // not required $error_message = ""; $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/'; if(!preg_match($email_exp,$email_from)) { $error_message .= 'The Email Address you entered does not appear to be valid.<br />'; } if(strlen($error_message) > 0) { died($error_message); } $email_message = "<strong>You received an online order. <br>Follow below the informations.</strong><br><br>\n\n"; function clean_string($string) { $bad = array("content-type","bcc:","to:","cc:","href"); return str_replace($bad,"",$string); } $email_message .= "<br><strong>Name: </strong>".clean_string($name)."\n"; $email_message .= "<br><strong>Business: </strong>".clean_string($business)."\n"; $email_message .= "<br><strong>Email: </strong>".clean_string($email_from)."\n"; $email_message .= "<br><strong>Phone: </strong>".clean_string($phone)."\n"; $email_message .= "<br><br><strong>ORDER: </strong>\n"; $email_message .= "<br><br><strong>Qty: </strong>".clean_string($quantity)."\n"; $email_message .= " <strong>Product: </strong>".clean_string($product)."\n"; $headers = "Content-Type: text/html; charset= UTF-8 \r\n"; $headers .= 'From: '.$email_from."\r\n". 'Reply-To: '.$email_from."\r\n" . 'X-Mailer: PHP/' . phpversion(); @mail($email_to, $email_subject, $email_message, $headers); ?> <p>Thank you for order. We will contact you as soon as possible.</p> <p>You can close this page now.</p> <?php } ?> HTML <fieldset id="listproducts"> <legend> PRODUCTS </legend> <div id = 'forclone'> <select name="product" id="product"> <optgroup label="GALLON BAG"> <option>GALLON BAG BANANA SPLIT</option> <option>GALLON BAG BIRTHDAY CAKE</option> <option>GALLON BAG COTTON CANDY</option> </optgroup> <optgroup label="PRE-CUP"> <option>PRE-CUP BANANA SPLIT</option> <option>PRE-CUP CHOCOLATE</option> <option>PRE-CUP COTTON CANDY</option> </optgroup> </select> <select name="quantity" id="quantity"> <optgroup label="Qty"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </optgroup> </select>
-
Estou começando a estudar JS agora e... o título já diz bem oque eu quero, minha tentativa foi essa: Mas não funcionou... =/ Nem sei pq =/ Alguém sabe? =p Procuro uma solução preferencialmente (muito preferencialmente) em Javascript puro... Alguém tem alguma ideia? =p -
Olá amigos, Eu estou tentando fazer uma aplicação com javasript bem simples, mas estou tendo um problema, como eu não sou bom em js peço aos colegas uma solução por favor. Eu tenho uma lista de diversos ítens em uma página com um título h1 que não deve ser escondido em momento nenhum e um botão abaixo escrito "Mostrar detalhes" e preciso que quando o usuário clicar em Mostrar detalhes deslize para baixo e mostre os detalhes, mas um deslizamento que eu possa escolher em millisegundos ou com slow. O problema é que do jeito que estou fazendo como vou mostrar aqui no post quando clico em um Motrar detalhes abrem todos da página e só deve ser aberto o que o usuário clicou e os outros fiquem fechados. A estilização do h1, do botão e do conteúdo serão, a princípio a mesma, mas o conteúdo do h1 e do que será ocultado e exibido são diferentes, de conteúdo igual é só a frase "Mostrar detalhes". Serão inumeros blocos destes em uma mesma página, bem mais de 100. O script: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p.teste").toggle('slow'); }); }); </script> </head> <body> <h1 class="h1_teste">H1 1</h1> <p class="teste">Conteúdo 1 a mostrar e ocultar</p> <button>Mostrar detalhes</button> <h1 class="h1_teste">H2 2</h1> <p class="teste">Conteúdo 2 a mostrar e ocultar</p> <button>Mostrar detalhes</button> </body> </html> Obrigado!
-
Boa noite a todos, Sou novo no fórum e iniciante em scripts e gostaria de uma ajuda para fazer um formulário de pedidos funcionar com cálculo dos itens escolhidos pelo cliente. Os itens tem valor pré estabelecido e preciso do seguinte: - Quando o cliente escolher a quantidade, essa quantidade deverá ser multiplicada pelo valor unitário pré estabelecido. - Se o cliente escolher um opcional também com valor pré estabelecido, esse opcional seja acrescido no valor do item. - Sempre deverá ser acrescido ao valor final, uma taxa de entrega também com valor pré estabelecido. - Haverá campos que mostrará os valores totais por itens e outro campo que mostram o valor total da compra. - Existe um botão "Adicionar Campos" e " Excluir Campos" e o valor final da compra deve respeitar a soma de todos os campos adicionados. Caso o cliente exclua o campo, o valor total será também atualizado conforme a quantidade de itens. - Preciso que o formulário efetue o cálculo automaticamente, sem que seja necessário um botão "Calcular". *Todos os campos devem ser obrigatórios. Abaixo envio o formulário que tenho, onde preciso que essas funções sejam colocadas. Desde já, agradeço a atenção e a ajuda de todos. Muito obrigado. <!DOCTYPE html> <html lang="pt-br"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Teste</title> <!-- CSS START --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <!-- CSS END --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- CLONA CAMPOS --> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </script> --> <script type="text/javascript"> // if Google is down, it looks to local file... if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='assets/js/jquery-1.9.1.min.js' type='text/javascript'%3E%3C/script%3E")); } </script> <script type="text/javascript" src="assets/js/clone-form-td.js"></script> <!-- FIM CLONA CAMPOS --> <div class="container"> <form class="contact-form" method="post" action=""> <br> <div id="entry1" class="clonedInput"><!-- DIV CLONA CAMPOS --> <div class="col-sm-4"> <p class="contact-form-email"> <label for="footer-produtos">Escolha seus produtos<span class="required">*</span></label> <select name="Selecione" class="form-control"> <option>Escolha</option> <option>Item 1 - R$ 18,50</option> <option>Item 2 - R$ 18,50</option> <option>Item 3 - R$ 20,00</option> <option>Item 4 - R$ 20,00</option> <option>Item 5 - R$ 25,00</option> <option>Item 6 - R$ 25,00</option> <option>Item 7 - R$ 18,50</option> <option>Item 8 - R$ 18,50</option> <option>Item 9 - R$ 18,50</option> <option>Item 10 - R$ 18,50</option> <option>Item 11 - R$ 18,50</option> <option>Item 12 - R$ 18,50</option> <option>Item 13 - R$ 18,50</option> <option>Item 14 - R$ 18,50</option> <option>Item 15 - R$ 18,50</option> <option>Item 16 - R$ 18,50</option> <option>Item 17 - R$ 18,50</option> <option>Item 18 - R$ 18,50</option> <option>Item 19 - R$ 18,50</option> <option>Item 20 - R$ 18,50</option> <option>Item 21 - R$ 18,50</option> <option>Item 22 - R$ 18,50</option> <option>Item 23 - R$ 18,50</option> <option>Item 24 - R$ 18,50</option> <option>Item 25 - R$ 18,50</option> <option>Item 26 - R$ 18,50</option> <option>Item 27 - R$ 18,50</option> <option>Item 28 - R$ 18,50</option> <option>Item 29 - R$ 18,50</option> </select> </p> </div> <div class="col-sm-2"> <p class="contact-form-email"> <label for="footer-quantidade">Quantidade<span class="required">*</span></label> <select name="Selecione" class="form-control"> <option>Escolha</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> <option>13</option> <option>14</option> <option>15</option> </select> </p> </div> <div class="col-sm-4"> <p class="contact-form-email"> <label for="footer-quantidade">Opcional</span></label> <select name="Selecione" class="form-control"> <option>Escolha</option> <option>Sem opcional</option> <option>Opcional 1 - R$ 6,50</option> <option>Opcional 2 - R$ 6,50</option> <option>Opcional 3 - R$ 6,50</option> <option>Opcional 4 - R$ 6,50</option> <option>Opcional 5 - R$ 6,50</option> <option>Opcional 6 - R$ 6,50</option> <option>Opcional 7 - R$ 6,50</option> <option>Opcional 8 - R$ 6,50</option> </select> </p> </div> <div class="col-sm-2"> <p class="contact-form-email"> <label for="footer-valor">Valor</label> <input type="valor" aria-required="true" size="30" value="" name="valor" id="footer-valor" class="form-control" placeholder="VALOR"> </p> </div> </div> <!-- FECHA DIV CLONA CAMPOS --> <!-- ADICIONA CAMPOS --> <div id="addDelButtons" class="col-sm-4"> <label for="footer-valor"> </label> <input type="button" id="btnAdd" value="Adicionar + itens" class="form-control"> </div> <div id="addDelButtons" class="col-sm-4"> <label for="footer-valor"> </label> <input type="button" id="btnDel" value="Excluir" class="form-control"> </div> <div class="col-sm-2"> <p class="contact-form-email"> <label for="footer-valor">Taxa de entrega</label> <input type="total" aria-required="true" size="30" value="" name="total" id="footer-total" class="form-control" placeholder="R$ 4,00"> </p> </div> <!-- FIM ADICIONA CAMPOS --> <div class="col-sm-2"> <p class="contact-form-email"> <label for="footer-valor">Valor total</label> <input type="total" aria-required="true" size="30" value="" name="total" id="footer-total" class="form-control" placeholder="VALOR TOTAL"> </p> </div> <div class="col-sm-12"> <label for="footer-valor">Valor total</label> </div> <div class="col-sm-4"> <p class="contact-form-email"> <input type="total" aria-required="true" size="30" value="" name="total" id="footer-total" class="form-control" placeholder="REPETE VALOR TOTAL"> </p> </div> <div class="col-sm-8"> <button type="submit" class="btn btn-danger pull-right" onclick="contact_send();">Enviar Pedido</button> </div> </form> </div> <!-- FIM DO FORM DE COMPRA --> <!-- INÍCIO INFORMAÇÕES --> <!-- FOOTER BOTTOM END --> <!-- JAVASCRIPT START --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/ruxen.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <!-- JAVASCRIPT END --> </body> </html>
-
Pessoal, eu trabalho com linguagem web e o cara que trabalha está de ferias, estou precisando de ajuda acho que é simples, mas como não trabalho em desenvolvimento web é dificil para mim. O problema é o seguinte, preciso colocar o valor do input que o usuário digitar na montagem do link, mais ou menos assim: function juntaDados() { if (document.frmPrincipal.matricula.value == ''){ alert('Informe o número da matrícula.'); document.frmPrincipal.matricula.focus(); return false; } if (document.frmPrincipal.senha.value == ''){ alert('Informe sua senha.'); document.frmPrincipal.senha.focus(); return false; } var url = "http://xxx.xx.xxx.xxx/boletim/000001/Boletim_" url = "http://xxx.xx.xxx.xxx/boletim/000001/Boletim_???.pdf" window.location = url; } <input type="text" name="matricula" /> Na url preciso colocar a matrícula digitada onde esta ??? Desde já agradeço imensamente pela ajuda!!!
-
Olá pessoal, blza? Estou criando uma calculadora pro setor de RH e não estou conseguindo converter meu campo de hora no formato número para efetuar o cálculo. Essa é a máscara que uso pra converter o text no formato hora function formatar(mascara, documento){ var i = documento.value.length; var saida = mascara.substring(0,1); var texto = mascara.substring(i) if (texto.substring(0,1) != saida){ documento.value += texto.substring(0,1); } } Sendo assim, quando o usuário digita 0230 irá aparecer 02:30 Como é calculo de hora extra não precisa de segundos. Então preciso converter 30 min em horas e converter tudo em número para fins de cálculo. Obrigado
