Pesquisar na Comunidade
Mostrando resultados para as tags ''javascript''.
Encontrado 657 registros
-
Meu código só decifra uma letra, não está fazendo as demias tem algum problema no meu código que não consigo enchegar poderiam me ajudar function encode(text, offset){ let alphabetSize = 26; let firstAsci = 65; let textEncode =[]; let encodeArray =[]; for (let i=0; i < text.length; i++){ textEncode[i] = (text.charCodeAt(i)-firstAsci+offset)% alphabetSize +firstAsci; encodeArray.push(String.fromCharCode(textEncode[i])); console.log(encodeArray); return encodeArray.join(''); }
-
nodejs Windows Script Host Erro: de sintaxe; código: 800A03EA
SilvioHC postou um tópico no fórum Javascript
Olá estou começando a a prender node js mas já no primeiro teste algo de errado não está certo const express = require('express'); const app = express(); app.listen(934); //Sempre Na Ultima Linha não sei dizer se é só o tutorial q é antigo -
Carregar um site externo em uma string em Javascript
Rafacharkman postou um tópico no fórum Javascript
Olá, alguém saberia me dizer como eu posso fazer algo semelhante ao fopen() ou file() do PHP só que no JavaScript? o mais próximo que vi foi oque o AXIOS faz com JSON. Gostaria de saber se dá para fazer algo do tipo diretamente pelo JavaScript. -
Sistema de Auditoria ou Logs para meu sistema de cadastro [duvida]
fabioamorais postou um tópico no fórum PHP
Ola pessoal, sou novo aqui no fórum e também no mundo da programação. Estou criando um sistema de cadastro de clientes em PHP 7 e mysql para meu serviço para fins de organização, tenho ja pronto o sistema de cadastro e edição do cliente, tenho login por usuário e senha. preciso colocar nesse sistema uma forma que registre a ação e o usuário que fez a ação quando houver uma alteração no cadastro. exemplo; O usuario (jose) alterou o status de analise para concluído . o usuario (pedro) alterou a localização de mesa para armario. e que fosse exibido como um tipo de histórico de eventos no próprio cadastro do cliente. e nesse campo se ainda tiver como add cometários. Usuario (jose): Precisa entrar em contato com o cliente francisco. Usuario (pedro): cliente foi avisado e está sabendo. quem souber uma forma de fazer isso, ficaria muito grato. -
Reconhecer e introduzir variável em campo de login e senha
lamorim1904 postou um tópico no fórum Javascript
Caros, boa tarde! Primeiramente me desculpem se estou abrindo tópico repetido ou de maneira errada, procurei aqui no fórum mas talvez a forma que estou procurando ou a minha falta de conhecimento sobre a área não está me permitindo encontrar a solução. Não entendo quase NADA de programação e estou realizando um projeto que me cobra um pouco neste sentido, vou tentar explicar: Estou criando um hotspot inteligente onde o próprio cliente se cadastra, ele preenche um formulário e posterior a isso eu libero a conexão dele. O meu problema está depois que ele cria o seu cadastro, as informações vão para meu banco de dados mas nao retornam ao cliente, portanto a conexão não é liberada. Eu encontrei uma solução mas não estou conseguindo usa-la da maneira que gostaria, após usuário se cadastrar, eu direciono ele para a pagina de login e senha e caso ele digite os dados que ele acabou de preencher, a conexão é liberada. Eu gostaria de automatizar esse processo, identificar a variavel X que eu usei para escrever no meu banco de dados e inseri-la no campo de usuario e senha e se possivel submeter a informação para o usuario nem ver essa tela de login e senha. Sabem me dizer se tem como? Para ficar mais claro, vou postar os codigos; <NESTE PONTO O CLIENTE JA PREENCHEU O CADASTRO E EU USO AS VARIAVEIS PARA ESCREVER NO MEU BANCO DE DADOS> <EU GOSTARIA DE USAR A VARIAVEL $MOBILE COMO USUARIO E SENHA NA PARTE DE JAVA ABAIXO> $sql = "INSERT INTO radcheck (UserName, Attribute, op, Value) VALUES "; $sql .= "('$MOBILE', 'Cleartext-Password', ':=', '$MOBILE')"; mysqli_query($strcon,$sql) or die("Erro ao tentar cadastrar registro"); $sql = "INSERT INTO radreply (UserName, Attribute, op, Value) VALUES "; $sql .= "('$MOBILE', 'Mikrotik-Rate-Limit', ':=', '512k/1024k')"; mysqli_query($strcon,$sql) or die("Erro ao tentar cadastrar registro"); mysqli_close($strcon); echo "Cliente cadastrado com sucesso!"; ?> <html> <head><title>...</title></head> <body> $(if chap-id) <noscript> <center><b>JavaScript required. Enable JavaScript to continue.</b></center> </noscript> $(endif) <center>If you are not redirected in a few seconds, click 'continue' below<br> <form name="redirect" action="http://201.82.110.3/mkloginteste2.php" method="post"> <input type="hidden" name="mac" value="$(mac)"> <input type="hidden" name="ip" value="$(ip)"> <input type="hidden" name="username" value="$MOBILE"> <input type="hidden" name="link-login" value="$(link-login)"> <input type="hidden" name="link-orig" value="$(link-orig)"> <input type="hidden" name="error" value="$(error)"> <input type="hidden" name="chap-id" value="$(chap-id)"> <input type="hidden" name="chap-challenge" value="$(chap-challenge)"> <input type="hidden" name="link-login-only" value="$(link-login-only)"> <input type="hidden" name="link-orig-esc" value="$(link-orig-esc)"> <input type="hidden" name="mac-esc" value="$(mac-esc)"> <input type="submit" value="continue"> </form> <script language="JavaScript"> <!-- document.redirect.submit(); //--> </script></center> </body> </html> -
Olá pessoas! Eu estou aprendendo JavaScript. Sou bem iniciante nessa área e preciso de um help. Eu estou tentando desenvolver um código onde a pessoa digita o país de origem dela. Se ela escrever BRASIL, deve aparecer Brasileiro e, se ela digitar qualquer outro país, deve aparecer ESTRANGEIRO. O que eu fiz até agora foi isso: <!DOCTYPE html> <html lang="pt-BR"> <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>Nacionalidade</title> </head> <body> <h1>Sistema de Identificação de Nacionalidade.</h1> País de origem: <input type="text" name="paísdeorigem" id="paísdeorigem"> <input type="button" value="Verificar" onclick="Verificar()"> </body> <script> function Verificar(){ var paísdeorigem = window.document.getElementById('paísdeorigem') if(paísdeorigem == "Brasil"){ document.write("Você é <strong>BRASILEIRO.</strong>") paísdeorigem.innerHTML if(paísdeorigem!="Brasil"){ document.write("Você é <strong>ESTRANGEIRO.</strong>") paísdeorigem.innerHTML } } } </script> </html> Quem puder me ajudar eu agradeço!! Valeu!!!
-
Boa tarde, me chamo Augusto e gostaria de saber como preencher o campo automaticamente seguindo o formato descrito no título.. por exemplo, ao digitar os 3 primeiros números do cpf, o '.' (ponto) ser preenchido automaticamente. Sou iniciante e o mais perto que cheguei foi criar um input que, quando são digitados 3 caracteres, apareça um '-' (hífen), ficando xxx- por exemplo, porém, de maneira incorreta pois ao continuar digitando o texto ficava xxxxxx- ao inves de xxx-xxx e assim por diante. Agradeço quem puder ajudar! :)
-
Olá! Não consigo entender o porque a minha função cadValor() funciona e a desc() não file.js <script> var txtval = document.querySelector('#inputValor'); var res = document.querySelector('#inputCopyValor'); //ONDE QUERO ESCREVER var res2 = document.querySelector('#seuValor'); // VALOR INDO PARA HOLERITE var res3 = document.querySelector('#seuValorMult'); // VALOR QUE SERÁ DOBRADO function cadValor(){ var val = Number(txtval.value); res.placeholder = val.toFixed(2); res2.placeholder = val.toFixed(2); var dobro = val * 2; // dobra o valor res3.placeholder = dobro.toFixed(2); // pega o valor dobrado } function desc(){ var txtDobro = document.querySelector('#seuValorMult'); // VALOR QUE FOI DOBRADO var txtSacado = document.querySelector('#seuValorDia2'); var txtRestante = document.querySelector('#seuValorRes'); var resDobro = Number(txtDobro.value); var resSacado = Number(txtSacado.value); //var resRestante = Number(txtRestante.value); var resRest = resDobro; txtRestante.placeholder = resRest.toFixed(2); } </script> file.php <div class="container"> <!-- PRIMEIRA LINHA --> <div class="d-flex justify-content-center mt-3"> <div id="divHolerite" class="col-12 col-sm-8 col-md-6 col-lg-4"> <div class="d-flex flex-column justify-content-center align-items-end bg-dark"> <div class="col-12 mb-3"> <label for="inputValor">Admin: Cadastrar Valor</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValor" class="form-control" type="text" name="inputValor" onkeypress="return onlynumber();"> <button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button> </div> </div> <div class="col-12"> <button type="reset" value="clean" class="btn btn-light btn-lg text-uppercase mb-3">apagar cadastro</button> </div> <hr style="background-color: #777777; widht: 100%;"> </div> <!-- SEGUNDA LINHA --> <div class="d-flex flex-column flex-nowrap align-items-start bg-dark mb-3"> <div class="col-8 mb-3"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputCopyValor" class="form-control" type="text" name="inputCopyValor" placeholder="" readonly> </div> </div> <div class="col-12 mb-3"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValorDia" class="form-control" type="text" name="inputValorDia" placeholder="0,10" readonly> <div class="input-group-prepend"> <span class="input-group-text">por dia</span> </div> <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3">sacar</button> </div> <div class="d-flex"> <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValorDesc" class="form-control" type="text" name="inputValorDesc"> </div> </div> </div> </div> </div> </div> <!-- HOLERITE --> <!-- Modal --> <div class="modal fade" id="modalHolerite" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- HOLERITE --> <div class="container"> <!-- PRIMEIRA LINHA --> <div id="test" class="d-flex justify-content-center mt-3"> <div id="divHolerite" class="col-12 col-md-10 col-lg-8"> <div class="d-flex flex-column justify-content-center align-items-end bg-dark"> <div class="col-12 mb-3"> <h2 class="text-uppercase text-center text-white">holerite</h2> <div class="row"> <div class="col-12 col-sm-6"> <label for="seuValor" class="text-left text-uppercase">seu valor</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValor" class="form-control" type="number" name="seuValor" placeholder=""> </div> </div> <div class="col-12 col-sm-6"> <label for="inputValorDia" class="text-left text-uppercase">total: 200 dias</label> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValorDia" class="form-control" type="number" name="inputValorDia"> <div class="input-group-prepend"> <span class="input-group-text">por dia</span> </div> </div> </div> <div class="col-12 col-sm-6"> <label for="seuValorMult" class="text-left text-uppercase">valor multiplicado</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorMult" class="form-control" type="number" name="seuValorMult"> </div> </div> </div> </div> <hr style="background-color: #777777; widht: 100%;"> </div> <!-- SEGUNDA LINHA --> <div class="d-flex flex-column justify-content-center bg-dark mb-3" style="padding-left: 10px; padding-right: 0px;"> <div class="row overflow-visible"> <div class="col-12 col-sm-4"> <span class="text-white font-data">00/00/2019:</span> </div> <div class="col-12 col-sm-8"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorDia2" class="form-control" type="number" name="seuValorDia2" placeholder="0,10" readonly> <div class="input-group-prepend"> <span class="input-group-text">por dia</span> </div> <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3 mr-2" onclick="desc()">sacar</button> </div> </div> </div> <div class="form-row col-12" style="border: 2px white solid;"> <div class="col-12 col-sm-6"> <label for="seuValorSacado" class="text-left text-uppercase"><br></label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorSacado" class="form-control" type="number" name="seuValorSacado"> </div> <label for="seuValorSacado" class="text-center text-uppercase">valor sacado</label> </div> <div class="col-12 col-sm-6"> <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 5vw;">seu valor restante</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorRes" class="form-control" type="number" name="seuValorRes" placeholder="" readonly> </div> <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 10vw;">pra saque</label> </div> </div> </div> <!-- Termina linha geral --> </div> <!-- FIM DO HOLERITE --> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
-
eu estou tentando fazer um programa que mostra qual produto vale mais a pena mas eu fiz um if falando que quando o preço e a quantidade dos produtos são iguais a frase "os produtos sao iguais" aparece mas por algum motivo o if não está funcionando. <div id="produto1"> <div><input type="number" id="preco1" placeholder="preco"></div> <div><input type="number" id="quantidade1" placeholder="quantidade"></div> </div> <div id="produto2"> <div><input type="number" id="preco2" placeholder="preco"></div> <div><input type="number" id="quantidade2" placeholder="quantidade"></div> </div> <div><button onclick="calcular()">calcular</button></div> <div><p>resultado:<a id="resultado"></a></p></div> <script> function calcular() { var q1 = document.getElementById('quantidade1').value var p1 = document.getElementById('preco1').value var q2 = document.getElementById('quantidade2').value var p2 = document.getElementById('preco2').value if (p1 == p2 && q1 == q2) { document.getElementById('resultado').innerText = 'Os produtos são iguais' } } </script> Não coloquei o codigo inteiro mas acho que assim da pra entender
-
Como modifico uma propriedade através de uma variável?
Carlinhos Abacator postou um tópico no fórum Javascript
tenho uma funçao e quero modificar os estilos sem precisar ficar escrevendo "document bla bla" toda hora em todas as modificaçoes .style, o codigo e mais ou menos isso: function teste() { var info_cor = document.getElementById('mensagemCor').value; mensagemCor.style.color = "#fff"; } ja verifiquei esta com o eveneto os IDs estao certos, mas da erro especificamente na info_cor.style.color = "#fff"; alguem pode me tirar a duvida de como é a forma correta? -
Eu tenho um código html e quero que a partir de um formulário o javascript modifique o conteúdo dele porem tenho um conhecimento raso. o código seria esse. <textarea> <div class="separator" style="clear: both; text-align: center;"> <a href="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="901" data-original-width="1600" src="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" /></a></div> </textarea> eu preciso que a partir do link q o usuário colocar no formulário ele substitua esse link de imagem pelo que foi colocado na tabela. alguém tem alguma solução?
-
Tenho um site sobre conteudos de entretenimento, e todos os posts tem uma imagem de fundo do tmdb, tem alguma maneira de otimizar o carregamento dessas imagens por url? ou alguma outra maneira?
-
Quando mudo a cor da div o programa para
Kauê Fucherberger Bonfá postou um tópico no fórum Javascript
estou tentando fazer um programa que mostra qual produto vale mais a pena, mas estou tendo problemas, quando clico duas vezes para calcular a cor da div não volta a ser branco, por isso decidi criar uma função que faz a cor voltar a ser branco mas quando coloco a função o programa para de funcionar meu programa está assim: <!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>Document</title> <style> #produto1 { background: white; border-radius: 10px; text-align: center; } #produto2 { background: white; border-radius: 10px; text-align: center; } #resultado{ text-align:center; } </style> </head> <body> <div> <div id="produto1"> <div><input type="number" id="quantidade1" name="quantidade" ></div> <div><input type="number" id="preco1" name="preco"></div> </div> <div id="produto2"> <div><input type="number" id="quantidade2" name="quantidade"></div> <div><input type="number" id="preco2" name="preco"></div> </div> </div> <div><button onclick="calcular()">calcular</button></div> <div><p>resultado:<a id="resultado"></a></p></div> <script> var v1 var v2 function calcular(){ var q1 = document.getElementById('quantidade1').value var p1 = document.getElementById('preco1').value var q2 = document.getElementById('quantidade2').value var p2 = document.getElementById('preco2').value v1=p1/q1 v2=p2/q2 mr() } function mr() { if (v1 < v2) { //deixar_branco() document.getElementById('resultado').innerText='segundo produto' document.getElementById('produto2').style.backgroundColor="#99CC32" } if (v2 < v1) { //deixar_branco() document.getElementById('resultado').innerText='primeiro produto' document.getElementById('produto1').style.backgroundColor="#99CC32" } } function deixar_branco() { document.getElementById('produto2').style.backgroundColor = white document.getElementById('produto1').style.backgroundColor = white } </script> </body> </html> -
prezados como eu altero de loked para unloked do arro para não carregar o java e seguir com o procedimento. ?Veja nesse link https://drive.google.com/drive/u/0/folders/1h0EbUoz3UOL8j9orWirUAPILt7cg7q-p minhas imagens não estao subindindo aqui, não sei porque, acho que tenho limitação.
-
prezados qdo removo o require colocado antes do doctype o botão desaparece como na imagem . Alguem pode me explicar porque?? dentro do setting tem apenas informações key do cliente e configurações da conta de email.
-
/*! SHOUTcast & Icecast Radio Player v1.1 (2/7/17) | (c) 2017, Danial Sabagh | http://danialsabagh.com | http://mersadesign.com */ (function ($) { "use strict"; $(".shiPlayer").append('<div class="blur"></div>' + '<div class="mainSection"><div class="panel1"><div class="top"><div class="trackTitle">Track Title</div><div class="trackSinger">Track Artist</div></div><div class="middle"><div class="centered-vertically"></div><div class="play"><div class="playpausebtn icon-play-r"></div><div class="frontTiming">00:00 / </div></div></div></div>' + '<div class="panel2" style="display:none"><ul></ul></div>' + '<div class="panel3" style="display:none"><div class="rLogo" alt="" title=""></div><div class="rName"><span class="icon-radio-tower"></span><span class="ct"></span></div><div class="cListeners"><span class="icon-headphones"></span><span class="ct"></span></div><div class="pListeners"><span class="icon-power"></span><span class="ct"></span></div><div class="rSite"><span class="icon-link"></span><span class="ct"></span><a target="_blank" href="" title="Stream Website" >Stream Website</a></div><div class="rTags"><span class="icon-tag"></span></div></div></div>' + '<div class="dashboard"><div class="centered-vertically"></div><div class="icon-Info"></div><div class="icon-history2"></div><div class="live" style="width: 50px"><div class="bliking"></div><div class="icon"></div></div><div class="sound shake icon-volume-high"></div><div class="share-button "><div href="#" class="social-toggle icon-share"></div><div class="social-networks"><ul><li class="social-twitter icon-twitter"><a target="_blank" href="#"></a></li><li class="social-facebook icon-facebook"><a target="_blank" href="#"></a></li><li class="social-gplus icon-google-plus"><a target="_blank" href="#"></a></li><li class="social-email icon-email"><a target="_blank" href="#"></a></li></ul></div></div></div>'); $.fn.shiPlayer = function (options) { var settings = $.extend({ // The defaults type: "", URL: "", lastFMkey: "88756b8ae3e83e4f749293d1968c9d15", mount_point: "", cors_proxy: "", stream_id: 1, streampath: "/stream?icy=http", radio_logo: "", default_image: "./img/default_artwork.jpg", blurriness: "", autoplay: false }, options); var thisObj; thisObj = this; var audio; var ppBtn = $(".playpausebtn", thisObj); audio = new Audio(); audio.volume = 1; thisObj.each(function () { //Settings if(settings.radio_logo.length > 0){ $("div.panel3 > div.rLogo", thisObj).css('background-image', 'url(' + settings.radio_logo + ')'); } if(settings.blurriness.length > 0){ $("div.blur", thisObj).css({ 'filter': 'blur(' + settings.blurriness + ')', '-webkit-filter': 'blur(' + settings.blurriness + ')', '-moz-filter': 'blur(' + settings.blurriness + ')', '-ms-filter': 'blur(' + settings.blurriness + ')', '-o-filter': 'blur(' + settings.blurriness + ')' }) } if (settings.autoplay){ audio.autoplay = true; } ShareImplementation(); if (settings.type.toLowerCase() == "shoutcast") { audio.src = settings.URL + settings.streampath; var dataURL = settings.URL + "/stats?sid="+ settings.stream_id +"&json=1&callback=?"; var hisURL = settings.URL + "/played?sid="+ settings.stream_id +"&type=json&callback=?"; updateSH(dataURL, hisURL); } else if (settings.type.toLowerCase() == "icecast") { audio.src = settings.URL + "/" + settings.mount_point; var dataURL = settings.cors_proxy + settings.URL + "/status-json.xsl"; updateIC(dataURL); } }); $(audio).on("playing", function () { togglePlying(ppBtn, true); $(ppBtn).addClass("icon-stop-r"); $(ppBtn).removeClass("icon-play-r"); }); $(audio).on("pause", function () { togglePlying(ppBtn, false); $(ppBtn).removeClass("icon-stop-r"); $(ppBtn).addClass("icon-play-r"); }); $(audio).on("timeupdate", function () { $(".frontTiming", thisObj).text(getReadableTime(this.currentTime));//.append("<span class='inf'>∞</span>"); }); // Buttons $(ppBtn, thisObj).on("click tap", function () { playManagement(); }); $(".sound", thisObj).on("click tap", function() { if($(this).hasClass("icon-volume-mute2")){ $(audio).animate({volume: 1}, 500); $(this, thisObj).removeClass("icon-volume-mute2", 1000, "linear" ); } else{ $(audio).animate({volume: 0}, 500); $(this, thisObj).addClass("icon-volume-mute2", 1000, "linear" ); } closeShareButton(); }); //Utility Functions function togglePlying(aClassName, bool) { $(aClassName).toggleClass("playing", bool); } function playManagement() { if (audio.paused) { setTimeout(function () { audio.play(); }, 150); var $playing = $('.playpausebtn.playing'); if ($(thisObj).find($playing).length === 0) { $playing.click(); } $(thisObj).addClass("bekhon"); $(".shiPlayer", thisObj).removeClass("nakhon "); } else { audio.pause(); $(thisObj).addClass("nakhon"); $(".shiPlayer", thisObj).removeClass("bekhon"); } } function getReadableTime(value) { //Convert milisec to "readable" time if (value == "Infinity") { return "live"; } else { var durmins = Math.floor(value / 60); var dursecs = Math.floor(value - durmins * 60); if (dursecs < 10) { dursecs = "0" + dursecs; } if (durmins < 10) { durmins = "0" + durmins; } return durmins + ":" + dursecs + " / "; } } function splitter(text, ref) { if(text === undefined){ text = "undefined - undefined"; } if(text.indexOf('-') > -1) { var [artist, title] = text.split(/-(.+)?/); if (ref == "artist") { return artist.trim(); } else if (ref == "title") { return title.trim(); } } else{ console.log("The track name is not separated by - (dash)!"); if (ref == "artist") { return ""; } else if (ref == "title") { return text; } } } function updateArtist(name) { $(".trackSinger", thisObj).attr("data-text", name).text(textShortener(name, 30)); } function updateTitle(name) { $(".trackTitle", thisObj).attr("data-text", name).text(textShortener(name, 25)); } function updateTag(data) { $(thisObj).attr("data-tag", data); } function getImage(artist) { artist = prepareArtistName(artist); artist = encodeURI(artist); var url = "https://ws.audioscrobbler.com/2.0/?method=album.getinfo&artist=" + artist + "&album=" + title + "&api_key=" + settings.lastFMkey + "&format=json"; $.getJSON(url, function (data) { var image = settings.default_image; if(data.error){ console.log(data.message); console.log("The above error is for " + encodeURI(artist)); } else if(data.artist.image[data.artist.image.length - 1]["#text"].length > 0){ image = data.artist.image[data.artist.image.length - 1]["#text"]; } else{ console.log("No image is associated with \'"+ decodeURI(artist) + "\' on Last.FM!") } $(".blur", thisObj).css("background-image", "url(" + image + ")"); }) .error(function() { console.log("#getImage(), Error in loading artist background image for " + decodeURI(artist)); }); } function getTag() { return $(thisObj).attr("data-tag"); } function updateSH(url, history) { setInterval(function () { $.getJSON(url, function (data) { if (data.songtitle != getTag()) { updateTag(data.songtitle); var artist = splitter(data.songtitle, "artist"); var title = splitter(data.songtitle, "title"); updateArtist(artist); updateTitle(title); getImage(artist); updateHistory(history); getNextSong(data); updateServerInfoSH(data); } }) .error(function() { console.log("Error, in loading ShoutCast " + url); }); }, 750); } function updateHistory(url) { $(".panel2 ul li", thisObj).remove(); $.getJSON(url, function (data) { for (var i = 0; i < data.length; i++) { var rowNum = i; var artist = splitter(data[i].title, "artist"); var title = splitter(data[i].title, "title"); var listVal = rowNum; if (rowNum === 0) { listVal = "NOW"; } var artistTEMP = textShortener(artist, 20); var titleTEMP = textShortener(title, 28); $(".panel2 ul", thisObj).append( "<li class='list' id='row" + rowNum + "'>" + "<div class='leftBox'><div class='listNum'><span>" + listVal + "</span></div>" + "<p class='title'>" + titleTEMP + "</p>" + "<p class='singer'>" + artistTEMP + " " + getTime(data[i].playedat) + "</p>" + "</div>" + "<div class='rightBox'>" + "<div class='artwork'></div>" + "</div>" + "</li>" ); getImageList(artist, rowNum); } }); } function getImageList(artist, i) { artist = prepareArtistName(artist); artist = encodeURI(artist); var url = "https://ws.audioscrobbler.com/2.0/?method=album.getinfo&artist=" + artist + "&album=" + title + "&api_key=" + settings.lastFMkey + "&format=json"; $.getJSON(url, function (data) { var image = settings.default_image; if(data.error){ // Do nothing } else if(data.artist.image[data.artist.image.length - 1]["#text"].length > 0){ image = data.artist.image[data.artist.image.length - 1]["#text"]; } $("li#row" + i + ".list > div.rightBox > div.artwork", thisObj).css("background-image", "url(" + image + ")"); }) .error(function() { console.log("#getImageList(), Error in loading history image list for " + decodeURI(artist)); }); } function getNextSong(data) { setTimeout(function () { if(data.nexttitle !== undefined){ var artist = splitter(data.nexttitle, "artist"); var title = splitter(data.nexttitle, "title"); var artistTEMP = textShortener(artist, 20); var titleTEMP = textShortener(title, 28); $(".panel2 ul li.list#row0", thisObj).before( "<li class='list' id='row" + "NEXT" + "'>" + "<div class='leftBox'><div class='listNum nxttrack'><span>" + "NEXT" + "</span></div>" + "<p class='title'>" + titleTEMP + "</p>" + "<p class='singer'>" + artistTEMP + "</p>" + "</div>" + "<div class='rightBox'>" + "<div class='artwork'></div>" + "</div>" + "</li>" ); getImageList(artist, "NEXT"); } }, 2000); } function getTime(unixtimestamp) { var dt = eval(unixtimestamp * 1000); var myDate = new Date(dt); var mt = myDate.toTimeString(); return "<span class='playedAT'>" + mt.substring(0, 9) + "</span>"; } function updateServerInfoSH(data) { $("div.rName > .ct", thisObj).text(data.servertitle); $("div.cListeners > .ct", thisObj).text("Current Listeners: " + data.currentlisteners); $("div.pListeners > .ct", thisObj).text("Peak Listeners: " + data.peaklisteners); $("div.rSite > a", thisObj).attr("href", data.serverurl); $("div.rTags > .tg", thisObj).remove(); let result = []; Object.keys(data).forEach( key => { if(/servergenre/.test(key)){ result.push(data[key]) } }); for(var i =0; i < result.length; i++){ if(result[i] !== "") { $("div.rTags", thisObj).append("<span class='tg'>" + result[i] + "</span>") } } } // ICECAST function updateIC(url) { setInterval(function () { $.getJSON(url, function (data) { var dataBit = findMountPointData(data); if (dataBit.title != getTag()) { updateTag(dataBit.title); var artist = splitter(dataBit.title, "artist"); var title = splitter(dataBit.title, "title"); updateArtist(artist); updateTitle(title); getImage(artist); if(history.length >= 20){ history = []; } updateHistoryIC(artist, title); updateServerInfoIC(dataBit); } }) .error(function() { console.log("Error, in loading Icecast " + url); });; }, 750); } function findMountPointData(data) { if (data.icestats.source.length === undefined){ return data.icestats.source } else{ for (var i = 0; i < data.icestats.source.length; i++) { var str = data.icestats.source[i].listenurl; if (str.indexOf(settings.mount_point) >= 0) { return data.icestats.source[i]; } } } } function updateHistoryIC(artist, title) { addToHistoryArray(title, artist, new Date().getTime() / 1000); history[history.length-1].tm = 0; createHistoryRows(); } function updateServerInfoIC(data) { //console.log(data); $("div.rName > .ct", thisObj).text(data.server_name); $("div.cListeners > .ct", thisObj).text("Current Listeners: " + data.listeners); $("div.pListeners > .ct", thisObj).text("Peak Listeners: " + data.listener_peak); $("div.rSite > a", thisObj).attr("href", data.server_url); $("div.rTags > .tg", thisObj).remove(); var result = data.genre.split(" "); for(var i =0; i < result.length; i++){ if(result[i] !== "") { $("div.rTags", thisObj).append("<span class='tg'>" + result[i] + "</span>") } } } function prepareArtistName(artist){ artist = artist.toLowerCase(); if (artist.includes("&")) { artist = artist.replace('&', 'and'); } else if(artist.includes("feat")) { artist = artist.substr(0, artist.indexOf('feat')); } else if (artist.includes("ft")) { artist = artist.substr(0, artist.indexOf('ft')); } return artist; } var history = new Array(); function addToHistoryArray(title, artist, time) { history.unshift({ar: artist, tt: title, tm: time}); } function createHistoryRows(){ $(".panel2 ul li", thisObj).remove(); for(var i = 0; i < history.length; i++){ var rowNum = i; var time = 0; var listVal = rowNum; if (rowNum === 0) { listVal = "NOW"; } if(i !== history.length-1){ time = getTime(history[i].tm); }else{ time = ""; } var artist = history[i].ar; var title = history[i].tt; var artistTEMP = textShortener(artist, 20); var titleTEMP = textShortener(title, 28); $(".panel2 ul", thisObj).append( "<li class='list' id='row" + rowNum + "'>" + "<div class='leftBox'><div class='listNum'><span>" + listVal + "</span></div>" + "<p class='title'>" + titleTEMP + "</p>" + "<p class='singer'>" + artistTEMP + " " + time + "</p>" + "</div>" + "<div class='rightBox'>" + "<div class='artwork'></div>" + "</div>" + "</li>" ); getImageList(history[i].ar, rowNum); } } // Share function setFBShareAttr(siteURL) { var url = "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(siteURL); $("li.social-facebook", thisObj).find("a").attr("href", url); } function setTWShareAttr(siteURL) { var url = "https://twitter.com/home?status=" + encodeURIComponent(siteURL); $("li.social-twitter", thisObj).find("a").attr("href", url); } function setGPShareAttr(siteURL) { var url = "https://plus.google.com/share?url=" + encodeURIComponent(siteURL); $("li.social-gplus", thisObj).find("a").attr("href", url); } function setEmailAttr(siteURL) { var radioName = $("div.panel3 > div.rName > span.ct").text(); var subjectText = "Listen to " + radioName; var bodyText = "Check out the radio station " + radioName + " on " + siteURL; var url = 'mailto:' + '' + '?subject=' + subjectText + '&body=' + bodyText; $(".social-email > a", thisObj).on("click tap", function(event) { event.preventDefault(); window.location = url; }); } function ShareImplementation() { // Share implementations setTimeout(function(){ "use strict"; var trackURL = window.location.href; setFBShareAttr(trackURL); setTWShareAttr(trackURL); setGPShareAttr(trackURL); setEmailAttr(trackURL); }, 3000); } function closeShareButton() { if ($(".social-networks", thisObj).hasClass("open-menu")) { $(".social-networks", thisObj).removeClass("open-menu"); } } function textShortener(text, length){ if(text.length > length){ return text.substring(0, length - 1) + "..."; }else{ return text; } } // Third Party $('.social-toggle', thisObj).on('click', function () { $(this).next().toggleClass('open-menu'); }); $("div.icon-history2", thisObj).on("click", function () { $("div.icon-Info", thisObj).removeClass("pressed"); $(this).toggleClass("pressed"); var visibleObj = $('.mainSection > div:visible', thisObj); if ($("div.panel2", thisObj).css("display") == "none") { var inVisibleObj = $("div.panel2", thisObj) } else { var inVisibleObj = $("div.panel1", thisObj) } visibleObj.fadeOut(500, function () { inVisibleObj.fadeIn(500); }); closeShareButton(); }); $("div.icon-Info", thisObj).on("click", function () { $("div.icon-history2", thisObj).removeClass("pressed"); $(this).toggleClass("pressed"); var visibleObj = $('.mainSection > div:visible', thisObj); if ($("div.panel3", thisObj).css("display") == "none") { var inVisibleObj = $("div.panel3", thisObj) } else { var inVisibleObj = $("div.panel1", thisObj) } visibleObj.fadeOut(500, function () { inVisibleObj.fadeIn(500); }); closeShareButton(); }); // Keyboard $(window).keypress(function(e) { if (e.keyCode === 0 || e.keyCode === 32) { e.preventDefault(); if ($(thisObj).hasClass("bekhon")) { audio.pause(); $(thisObj).removeClass("bekhon"); $(thisObj).addClass("nakhon"); } else if ($(thisObj).hasClass("nakhon")) { audio.play(); $(thisObj).removeClass("nakhon"); $(thisObj).addClass("bekhon"); } } }) }; })(jQuery); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DS Audio Player</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- required links --> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <link href="css/shiPlayer.css" rel="stylesheet"/> </head> <body> <div class="shiPlayer" id="radio1" data-tag=""></div> <script src="js/shiPlayer.js"></script> <script> $("#radio1").shiPlayer({ type: "SHOUTCAST", URL: "http://srv8.meuvox.top:7920", radio_logo: "img/radioLogo.jpg", }); </script> </body> </html>
-
Ola eu estou tendo um problema com esse problema do jquey e ate no momento não consegui corrigir DataTables warning: Non-table node initialisation (A). For more information about this error
-
Olá.... então digamos que eu tenha a seguinte situação: <div>Exemplo</div> <div style="position:relative"> <div style="position:absolute; height:500px; display:none">Caixa</div> </div> ----------------------------------------- Então temos uma caxa com 500 pixels de altura e não visível. Alí onde eu coloquei um monte de traço seria um hipótese que fosse o fim da tela ou fim da rolagem de tela atual. Então pelo javascript eu mudo o atributo display da caixa absoluta para "block", a caixa irá aparecer. Como eu detectaria que não há mais espaço abaixo para exibir-la, mudando seu bottom para top, para que quando não houvesse espaço a baixo para exibir ao invés de mostrar abaixo ela fosse mostrada acima? Motivo: Eu criei esse seguinte script https://github.com/Spell-Master/sm-web/tree/master/scripts/SelectOption Que por sua vez personaliza o combobox de um select. Mas me veio uma questão e se a pessoa quiser colocar o select logo no final do body? A lista personalizada será mostrada fora da tela. Lógico ele pode manipular o CSS para correção, mas seria mais interessante se o próprio script pudesse automatizar isso.
-
Ola boa noite pessoal Eu estou tendo problemas com javascript não tenho experiencia em javascript Ele descreve o texto tudo beleza, e ele fica apando ao pouco teria como fazer com que ele deletasse o texto quando terminasse de aparecer e continuar outro Segue meu codigo JAVASCRIPT <script > var TxtType = function(el, toRotate, period) { this.toRotate = toRotate; this.el = el; this.loopNum = 0; this.period = parseInt(period, 10) || 2000; this.txt = ''; this.tick(); this.isDeleting = false; }; TxtType.prototype.tick = function() { var i = this.loopNum % this.toRotate.length; var fullTxt = this.toRotate[i]; if (this.isDeleting) { this.txt = fullTxt.substring(0, this.txt.length - 1); } else { this.txt = fullTxt.substring(0, this.txt.length + 1); } this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; var that = this; var delta = 200 - Math.random() * 100; if (this.isDeleting) { delta /= 2; } if (!this.isDeleting && this.txt === fullTxt) { delta = this.period; this.isDeleting = true; } else if (this.isDeleting && this.txt === '') { this.isDeleting = false; this.loopNum++; delta = 500; } setTimeout(function() { that.tick(); }, delta); }; window.onload = function() { var elements = document.getElementsByClassName('typewrite'); for (var i=0; i<elements.length; i++) { var toRotate = elements[i].getAttribute('data-type'); var period = elements[i].getAttribute('data-period'); if (toRotate) { new TxtType(elements[i], JSON.parse(toRotate), period); } } // INJECT CSS var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}"; document.body.appendChild(css); }; </script> Este é o código do html <!-- Banner --> <section id="banner" class="parallex-bg section-padding"> <div class="container"> <div class="intro_text white-text div_zindex"> <h1> <a href="" class="typewrite" data-period="2000" data-type='[ "Seja bem vindo ao MEU SITE.", "Descubra os melhores estabelecimentos em SUA CIDADE", "Encontre lugares incríveis, bares, restaurantes e atividades." ]'> <span class="wrap"></span> </a> </h1> Desde já agradeço...
-
Boa tarde, eu estou estudando como funciona um sistema de API + Postback e estou com dúvidas... A linguagem mais prática para isto é NodeJS? Por exemplo, vou liberar permissão para os usuários pegarem informações da conta de cadastro dele.. E por exemplo, quando eles atualizarem as informações de cadastro como nome, cidade, estado, etc.. o sistema deve enviar no mesmo momento um postback com as informações.. Como vocês fariam este sistema? Os grandes portais utilizam como? Tipo o mercado livre, google... aguardo resposta, att
-
Bom tarde! Eu peguei um link no console do Google tradutor, e queria por em um form para criar o link, o link abre, só que não "carrega", se eu atualizar a página do mesmo, o link funciona. o link é este aqui: https://translate.google.com/translate_tts?ie=UTF-8&client=tw-ob&q=TEXT_HERE&tl=en o form que estou usando é este : <form method="get" action="https://translate.google.com/translate_tts" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="ie" value="UTF-8"> <input type="hidden" name="client" value="tw-ob"> <input type="text" name="q" value="Texto_Here"> <input type="hidden" name="tl" value="en"> <input type="submit" value="Criar"> </form> O link funciona como eu quero, mas quando eu clico em enviar, abre com erro 404, mas se eu atualizar o link funciona, eu gostaria de trazer o mesmo link num iframe pra dar play e ouvir o texto gerado. Obrigado desde já.
-
Quero colocar uma imagem de banner no site, mas quero que seu lado direito seja fixo na tela, se alterar o tamanho da tela, quero que somente a parte esquerda a imagem seja escondida. É possivel isso? se for, poderia me dizer como posso fazer?
-
Mudar a cor do botão ao clicar e mostrar mensagem ao desclicar !
adriano.eurich postou um tópico no fórum Javascript
Olá, gostaria de fazer o seguinte tenho um código que tem vários botões, que quando clicado redireciona a outra pagina de formulário, gostaria de deixar esses botões ao clicar mudasse pra cor vermelha por exemplo e quando eu clicasse novamente voltasse para cor normal dele e desse uma caixa de mensagem ! Em anexo as telas ! Tela sacola.php <?php session_start(); include_once 'includes/header.inc.php'; include_once 'includes/menu.inc.php'; ?> <!-- Formulário de Cadastro Cliente --> <div class="row container"> <p> </p> <fieldset class="formulario" style="padding: 5px"> <legend><img src="imagens/sacola.png" alt="[imagem]"style="width:80px; height:45px"></legend> <br> <?php if(isset($_SESSION['msg'])): echo $_SESSION['msg']; session_unset(); endif; ?> <!-- Botões --> <div class="input-field col s12"> <div class="linha1"> <button id="botao" data-numero="01"class="btn blue" style="width:120px; height:37px">01</button> <button id="botao" data-numero="02"class="btn blue" style="width:120px; height:37px">02</button> <button id="botao" data-numero="03"class="btn blue" style="width:120px; height:37px">03</button> <button id="botao" data-numero="04"class="btn blue" style="width:120px; height:37px">04</button> <button id="botao" data-numero="05"class="btn blue" style="width:120px; height:37px">05</button> </div> <div class="linha2"> <button id="botao" data-numero="06"class="btn blue" style="width:120px; height:37px">06</button> <button id="botao" data-numero="07"class="btn blue" style="width:120px; height:37px">07</button> <button id="botao" data-numero="08"class="btn blue" style="width:120px; height:37px">08</button> <button id="botao" data-numero="09"class="btn blue" style="width:120px; height:37px">09</button> <button id="botao" data-numero="10"class="btn blue" style="width:120px; height:37px">10</button> </div> <div class="linha3"> <button id="botao" data-numero="11"class="btn blue" style="width:120px; height:37px">11</button> <button id="botao" data-numero="12"class="btn blue" style="width:120px; height:37px">12</button> <button id="botao" data-numero="13"class="btn blue" style="width:120px; height:37px">13</button> <button id="botao" data-numero="14"class="btn blue" style="width:120px; height:37px">14</button> <button id="botao" data-numero="15"class="btn blue" style="width:120px; height:37px">15</button> </div> <div class="linha4"> <button id="botao" data-numero="16"class="btn blue" style="width:120px; height:37px">16</button> <button id="botao" data-numero="17"class="btn blue" style="width:120px; height:37px">17</button> <button id="botao" data-numero="18"class="btn blue" style="width:120px; height:37px">18</button> <button id="botao" data-numero="19"class="btn blue" style="width:120px; height:37px">19</button> <button id="botao" data-numero="20"class="btn blue" style="width:120px; height:37px">20</button> </div> </div> </fieldset> </div> <?php include_once 'includes/footer.inc.php';?> <?php include_once 'includes/script.inc.php'; Tela emprestimo.php <?php session_start(); include_once 'includes/header.inc.php'; include_once 'includes/menu.inc.php'; ?> <!-- Formulário de Cadastro Cliente --> <div class="row container"> <p> </p> <form action="banco_de_dados/create.php" method="post" class="col s12"> <fieldset class="formulario" style="padding: 5px"> <legend><img src="imagens/sacola.png" alt="[imagem]"style="width:80px; height:45px"></legend> <br> <?php if(isset($_SESSION['msg'])): echo $_SESSION['msg']; session_unset(); endif; ?> <!-- Campo Nome --> <div class="input-field col s12"> <i class="material-icons prefix">account_circle</i> <input type="text" name="nome" id="nome" maxlength="40" required autofocus> <label for="nome">Nome</label> </div> <!-- Campo Telefone --> <div class="input-field col s12"> <i class="material-icons prefix">phone</i> <input type="text" name="telefone" id="telefone" maxlength="13" required> <label for="telefone">Telefone</label> </div> <!-- Campo Cpf --> <div class="input-field col s12"> <i class="material-icons prefix">credit_card</i> <input type="text" name="cpf" id="cpf" maxlength="14" required> <label for="cpf"> CPF</label> </div> <!-- Campo Sacola --> <div class="input-field col s12"> <i class="material-icons prefix">mode_edit</i> <label>Numero da Sacola</label> <input type="text" value="<?php echo isset($_GET['numeroSacola']) ? $_GET['numeroSacola'] : null; ?>"> </div> <div class="input-field col s12"> <i class="material-icons prefix">timelapse</i> <select> <option value="" disabled selected>Período</option> <option value="1">Manhã</option> <option value="2">Tarde</option> <option value="3">Noite</option> </select> </div> <!-- Botões --> <div class="input-field col s12"> <input type="submit"style="width:120px; height:37px" value="Empréstimo" class="btn blue"> <input type="submit"style="width:120px; height:37px" value="Devolução" class="btn red"> <input type="reset" style="width:120px; height:37px" value="limpar" class="btn lilac"> </div> </fieldset> </form> </div> <?php include_once 'includes/script.inc.php';?> Código javascript <!-- Arquivos Jquery e JavaScrip --> <script type="text/javascript" src="materialize/js/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="materialize/js/materialize.min.js"></script> <script type="text/javascript" src="materialize/js/jquery.mask.min"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.3.1/jquery.maskedinput.min.js"></script> <!-- Inicialização Jquery --> <script type="text/javascript"> $(document).ready(function(){ $('.sidenav').sidenav(); $('.dropdown-trigger').dropdown(); }); </script> <!-- Inicialização Jquery Mascaras --> <script type="text/javascript"> jQuery.noConflict(); jQuery(function($){ //$("#datanasc").mask("99/99/9999"); //$("#telefone").mask("(099)99999-9999"); $("#cpf").mask("999.999.999-99"); $("#cpfDono").mask("999.999.999-99"); }); document.addEventListener('DOMContentLoaded', function() { var elems = document.querySelectorAll('select'); var instances = M.FormSelect.init(elems, options); }); // Or with jQuery $(document).ready(function(){ $('select').formSelect(); }); </script> <script> //pega todos os botoes const botoes = document.querySelectorAll('#botao'); for (let i = 0; i < botoes.length; i++) { //escuta o evento de click em cada botao botoes[i].addEventListener('click', function (e) { //pega o numero do botao clicado const numeroSacola = this.dataset.numero; //redireciona para emprestimos.php passando o numero do botao window.location.href = `emprestimo.php?numeroSacola=${numeroSacola}`; }); } </script> </body> </html> -
Percorrendo um array de objetos e retornando valores undefined. - typescript
AlvacirJunior postou uma questão Perguntas e respostas rápidas
Boa tarde pessoal, sou novo no fórum e também em javascript, mas vou tentar ser o mais breve possível. Eu tenho uma função que me retorna um array, essa função é chamada no construtor do meu service onde é atribuído a outra variável, assim: getValor(){ const key: string = this.afAuth.auth.currentUser.uid; const PATH: string = 'usuarios/'; let fbRef: any; fbRef = this.db.database.ref(PATH + key); var getListings = function () { var currentItems =[]; var currentUser = []; fbRef.on("value", function(snapshot) { currentItems.push(snapshot.val()); currentUser.push({ nome: currentItems[0].nome, celular: currentItems[0].celular, email: currentItems[0].email, idPerfil: currentItems[0].idPerfil, photoURL: null, emailVerificado: currentItems[0].emailVerificado }); }),function (errorObject) { console.log("The read failed: " + errorObject.code); }; return currentUser; }; return getListings(); } Essa função getValor() é chamada no construtor do meu service, dessa forma: constructor( public: blablablalba... ) { this.afAuth.authState.subscribe(user => { if (user) { this.userData = user; this.userDataAuth.push(this.getValor()); this.userDataAuth.map(item => { console.log(item.nome); } console.log('Data', this.userDataAuth[0]); //for (var key in this.dataU) { // console.log(this.dataU[key][key]); //} . . . . Obs: Esse log retorna undefined \/ console.log('Data', this.dataU[0].nome); Enquanto esse retorna a lista de objetos \/ console.log('Data', this.dataU[0]); -
Bug em execução de cálculo em dispositivos móveis
paulocosta1980 postou um tópico no fórum Javascript
Bom dia pessoal. Eu estava desenvolvendo um pequeno script que compara dois números e seleciona o maior deles, sendo eles uma variável pré-definida e o outro é um valor informado pelo usuário. A variável pré definida é atualizada com o valor máximo. Em um outro ponto do script esta variável é multiplicada por uma constante para se chegar a um resultado. Vejam as etapas de forma resumida (desconsiderando validação do número informado pelo usuário, entre outros pontos, para deixar o código mais simples): valorPreDefinido=0; function valorUsuario(valor){ valorPreDefinido=Math.max(valorPreDefinido,valor); } Em outra etapa do código tem a seguinte instrução (considerando a constante como seja 1000, por exemplo): valorReal=valorPreDefinido*1000; O script roda perfeitamente no computador, mas a execução interrompe quando está sendo executado no Chrome para Android (não testei em outros dispositivos móveis). Curiosamente, a interrupção não ocorre quando, em vez de se utilizar uma variável, se utiliza um array. Alguém já ouviu falar deste bug?
