Ir ao conteúdo
  • Cadastre-se

Pesquisar na Comunidade

Mostrando resultados para as tags ''Javascript''.



Mais opções de pesquisa

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Categorias

  • Armazenamento
  • Áudio
  • Energia
  • Entrada
  • Feiras e Eventos
  • Gabinetes
  • Memória
  • Museu
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Rádio CdH
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Armazenamento
  • Áudio
  • Câmeras
  • Computadores
  • Consoles
  • Eletrônicos
  • Energia
  • Entrada
  • Gabinetes
  • Impressão
  • Jogos
  • Memória
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Livros disponíveis
  • Livros esgotados

Fóruns

  • Mensagens do Clube do Hardware
    • Regras gerais
    • Boletins do Clube do Hardware
    • Notícias da administração
  • Hardware
    • Recomendações de computadores
    • Placas de vídeo
    • Placas-mãe e chipsets
    • Processadores
    • Problemas de gargalo e desempenho
    • Memórias
    • Armazenamento
    • Refrigeração e superaquecimento
    • Fontes e energia
    • Gabinetes e casemods
    • Placas de som e áudio on-board
    • Periféricos
    • Mac
    • Overclock
    • Hardware - outros
  • Computação móvel
    • Notebooks
    • Tablets
    • Smartphones e apps
  • Redes e Internet
    • Redes e Internet
    • Hospedagem de sites e registro de domínios
  • Segurança da informação
    • Remoção de malware
    • Dúvidas sobre invasões e infecções
    • Programas de proteção
  • Programação e desenvolvimento
    • Java
    • C/C#/C++
    • Pascal/Delphi
    • .NET
    • Bancos de dados
    • Programação web
    • Programação - iniciantes
    • Programação de microcontroladores
    • Programação - outros
  • Software
    • Jogos
    • Pacotes de escritório
    • Computação distribuída (Folding@Home, Bitcoin etc.)
    • Virtualização
    • Design, animação e tratamento de imagens
    • Edição de áudio e vídeo
    • Programas
  • Sistemas Operacionais
    • Recomendação de sistemas operacionais
    • Windows
    • GNU/Linux, BSD, Unix-like e software livre
  • Eletrônicos
    • Equipamentos de som, home theaters e gravadores de mesa
    • Televisores e projetores
    • Câmeras e filmadoras
    • Players portáteis
    • Consoles (videogames)
    • GPS
    • Telefonia fixa
    • Eletrônica
    • Retrocomputação
  • Outros
    • Recomendações de serviços e lojas
    • Preços e ofertas
    • Notícias
    • Bolsa de empregos, certificações e mercado de trabalho
    • "Causos"
    • Encontros de usuários
  • Clube do Hardware
    • Comentários, elogios, críticas, sugestões e questões sobre o Clube do Hardware
    • Comentários de artigos
    • Fórum para testes de funcionalidades

Categorias

  • Hardware
  • Redes
  • Eletrônica
  • Sistemas operacionais

Encontrar resultados em...

Encontrar resultados que...


Data de criação

  • Iniciar

    FIM


Última atualização

  • Iniciar

    FIM


Filtrar pelo número de...

Data de registro

  • Iniciar

    FIM


Grupo


Caixas de som

Encontrado 154 registros

  1. Ola, Tenho um banco de dados (mongodb) com os dados de login e senha já registrados, queria saber como posso realizar a autenticação quando o usuário for se logar , Estou utilizando o vuejs, loopback e o mongodb
  2. Galera, boa tarde. Estou criando um sistema de senha super simples aqui para a empresa, porém não estou conseguindo alterar o texto de uma div que está em outra pagina, segue o que tenho. Esse é onde chama a senha e irá alterar o numero no painel.html Index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Chamar Recarga</title> <link rel="stylesheet" type="text/css" href="csschamar.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <script type="text/javascript" src="script.js"></script> </head> <body> <b id="paragrafo"> </b> <div class="tabela"> <table class="table table-hover"> <thead> <tr> <th colspan="4">Escolha em qual guichê deseja chamar a proxima recarga</th> </tr> </thead> <tbody> <tr> <td><button type="button" class="btn btn-primary" onclick="funcao()">Guichê 01</button></td> <td><button type="button" class="btn btn-primary">Guichê 02</button></td> <td><button type="button" class="btn btn-primary">Guichê 03</button></td> <td><button type="button" class="btn btn-primary">Guichê 04</button></td> </tr> <tr> <th><button type="button" class="btn btn-primary">Guichê 05</button></th> <td><button type="button" class="btn btn-primary">Guichê 06</button></td> <td><button type="button" class="btn btn-primary">Guichê 07</button></td> <td><button type="button" class="btn btn-primary">Guichê 08</button></td> </tr> <tr> <th><button type="button" class="btn btn-primary">Guichê 09</button></th> <td><button type="button" class="btn btn-primary">Guichê 10</button></td> <td><button type="button" class="btn btn-primary">Guichê 11</button></td> <td></td> </tr> </tbody> </table> </div> </body> </html> Painel.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Painel de Recarga</title> <link rel="stylesheet" type="text/css" href="csspainel.css"> <script type="text/javascript" src="script.js"></script> </head> <body> <div class="texto"> <b>Proximo no guiche</b> </div> <div class="senha"> <b id="paragrafo"> </b> </div> </body> </html> function funcao() { document.getElementById("paragrafo").innerHTML = "1"; }
  3. Oi galerinha, tudo okay!? Estou com probleminhas no flash. Eu programo em AS2, mas estou com um projeto novo e precisei migrar pro AS3 e tô me embolando em algumas partes. Seguinte... Estou fazendo um jogo. Tenho os seguintes arquivos: jogo.swf instrucoes.swf E as minhas classes Daí durante o jogo, a pessoa pode clicar em instruções, aí eu faço um load de instrucoes.swf em cima do jogo.swf Só que eu queria poder fechar as instrucoes.swf quando a pessoa terminasse de ver, porque se eu ficar dando load o tempo todo, vai ficar pesado uma hora. Sendo que... loadMovie e UnLoadMovie não funcionam no AS3. O fscommand("quit"); não dá erro, mas também não quer funcionar. Meu código está assim: Em jogo.swf criei um botão chamado instruções: instrucoes.addEventListener(MouseEvent.MOUSE_UP, instr); function instr(event:MouseEvent):void { var carregador:Loader = new Loader(); var arquivo:String = "instrucoes.swf"; var requisicao:URLRequest = new URLRequest(arquivo); carregador.x = 0; carregador.y = 0; carregador.load(requisicao); this.addChild(carregador); } Em instrucoes.swf criei um botao jogo: jogo.addEventListener(MouseEvent.MOUSE_UP, jogar); function jogar(event:MouseEvent):void { fscommand("quit"); } Não dá erro o fechar, simplesmente não funciona! Já o Load do jogo para as instruções funciona perfeitamente. O que eu façoooo?
  4. Boa noite!! Estou tentando enviar apenas uma informação utilizando o ajax, a mensagem do success está aparecendo como se enviado, mas o dado não aparece no banco. No código está uma ação que chama o ajax depois que o usuário aperta "enter" (o que seria o botão de ação para enviar a informação do form). Alguém tem alguma ideia do problema ? $('.inputcoment').keydown(function(event) { if (event.keyCode == 13) { $.ajax({ url: 'functions/addcoment.php', dataType: 'html', type: 'POST', data: { 'comentario': $('.inputcoment').val(), }, success: function(data){ alert("Bebida adicionada no pedido, preencha novamente para adicionar mais."); $('.inputcoment').val(''); } }); return false; } });
  5. Olá, sou iniciante em programação e tenho que entregar um programa simples de gerenciamento de contatos em javascript para conclusão do curso. Porém meu código apresenta erros que quando eu identifico e vou na teoria e nos exemplos das aulas eles estão corretos( assim eu acho). Por isso procurei ajuda. Agradeço!! var Contact = { //initialize the personalbar init: function Contact(firstName, lastName){ this.last = LastName || "Enter Last name for person: "; this.first = FirstName || "Enter First name for person: "; } //Describe of peoples describe: function(){ var description = "Last name: " + this.last + ", first name: " + this.first; return description; } }; var contact1 = Object.create(Contact); contact1.init("Smith", "John"); var contact2 = Object.create(Contact); contact2.init("Doe", "Jane"); function listChoice () { var menu = ` ######## MENU ######### 1: List contacts 2: Add a contact 0: Quit ####################### `; console.log (menu); } function addContact (last name, first name) { var newContact = Object.create (Contact); newContact.init (last name, firstname); contacts.push (newContact); console.log ("The new contact has been added."); } function listerContacts (contacts) { console.log ("Here is the list of your contacts:"); console.log ('|Last Name | FirstName'); contacts.forEach (function (contact) { console.log ( `$ {contact.decried ()}`); }); } console.log ("Welcome to the contact manager!"); // var choice = (prompt ("Choose an option")); var contacts = [contact1, contact2]; var choice; while (choice! == "0") { listChoix (); choice = prompt ("Choose an option"); switch (choice) { box "1": listerContacts (contacts) break; } if (choice === "0") { console.log ("Goodbye!"); }
  6. Pessoal! Estou fazendo um formulário de cadastro de filmes e sempre esta dando o erro: SecurityError: The operation is insecure. se alguém saberia o que significa? Código HTML - index.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>FakeDB Filmes</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> <link rel="stylesheet" href="style.css"> </head> <body onload= "mostrafilmes()"> <h1>FakeDB JSON - CRUD de FILMES</h1> <div class="container"> <div class="row"> <div id="msg" class="col-sm-10 offset-sm-1 "></div> </div> <form id="form-filmes"> <div class="col-sm-8"> <label for="inputTitulo">Titulo (*)</label> <input type="text" class="form-control" id="inputTitulo" required placeholder="Informe o nome do filme que deseja cadastrar"> </div> <div class="col-sm-8"> <label for="inputDirecao">Direção (*)</label> <input type="text" class="form-control" id="inputDirecao" required placeholder="Dirigido por"> </div> </div> <div class="form-group row"> <div class="col-sm-5"> <label for="inputEstreia">Estreia (*)</label> <input type="text" class="form-control" id="inputEstreia" required placeholder="Informe o ano da estreia do filme"> </div> <div class="col-sm-7"> <label for="inputClassificacao">Classificação (*)</label> <input type="Classificacao" class="form-control" id="inputClassificacao" required placeholder="Informe a classificacao etária"> </div> <div class="col-sm-7"> <label for="inputDuracao">Duração (*)</label> <input type="Duracao" class="form-control" id="inputDuracao" required placeholder="Informe a duracao em minutos do filme"> </div> <div class="col-sm-12"> <label for="inputGenero">Gênero (*)</label> <input type="text" class="form-control" id="inputGenero" required placeholder="Informe o gênero do filme"> </div> <div class="col-sm-12"> <label for="inputSinopse">Sinopse (*)</label> <input type="text" class="form-control" id="inputSinopse" required placeholder="Sinopse"> </div> </div> <div class="form-group row"> <div class="col-sm-4"> <small>(*) Campos obrigatórios</small> </div> </div> <div class="form-group row"> <div class="col-sm-12"> <input type="submit" class="btn btn-success" id="btnInsert" value="Inserir"> </div> </div> </form> </div> <div class="row"> <div class="col-sm-12"> <table id="grid-filmes" class="table table-striped"> <thead> <tr> <th scope="col">Titulo</th> <th scope="col">Gênero</th> <th scope="col">Sinopse</th> </tr> </thead> <tbody id="table-filmes"> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> </div> </div> <script src="js/main.js"></script> </body> </html> </CODE> Código js - main.js <CODE> document.getElementById('form-filmes').addEventListener('submit', cadastrafilmes); function cadastrafilmes(evento){ var inputTitulo = document.getElementById('inputTitulo').value; var inputDirecao = document.getElementById('inputDirecao').value var inputEstreia = document.getElementById('inputEstreia').value var inputClassificacao = document.getElementById('inputClassificacao').value var inputDuracao = document.getElementById('inputDuracao').value var inputGenero = document.getElementById('inputGenero').value var inputSinopse = document.getElementById('inputSinopse').value if(!inputTitulo && !inputDirecao &&!inputEstreia && !inputClassificacao && !inputDuracao && !inputGenero &&!inputSinopse){ alert("Por favor, preencha os campos em branco!"); return false; } movi = { titles: inputTitulo, direction: inputDirecao, debut: inputEstreia, ranking: inputClassificacao, duration: inputDuracao, genre: inputGenero, synopsis: inputSinopse } if(localStorage.getItem('stream') == null){ var movis = []; movis.push(movi); localStorage.setItem('stream', JSON.stringify(movis)); }else{ var movis = JSON.parse(localStorage.getItem('stream')); localStorage.setItem('stream', JSON.stringify(movis)); } document.getElementById('form-filmes').reset(); mostrafilmes(); evento.preventDefault(); } function apagarfilmes(titles){ var movis = JSON.parse(localStorage.getItem('stream')); for(var i = 0; i< movis.length; i++) { if(movis.titles == titles){ movis.splice(i, 1); } localStorage.setItem('stream', JSON.stringify(movis)); } mostrafilmes(); } function mostrafilmes(){ var movis = JSON.parse(localStorage.getItem('stream')); ====>> O Erro esta sendo indicado nesta linha! var movisResultado = document.getElementById('table-filmes'); movisResultado.innerHTML = ''; for(var i = 0; i < movis.length; i++){ var titles = movis.titles; var direction = movis.direction; var debut = movis.debut; var ranking = movis.ranking; var duration = movis.duration; var genre = movis.genre; var synopsis = movis.synopsis; movisResultado.innerHTML += '<tr><td>' + titles + '</td><td>'+ direction + '</td><td>'+ debut + '</td><td>'+ ranking + '</td><td>'+ duration + '</td><td>'+ genre + '</td><td>'+ synopsis + '</td><td><button class="btn btn-danger" onclick="apagarfilmes(\''+ titles + '\')">Excluir</button></td>'+ '</tr>'; } }
  7. Qual a melhor forma de salvar informações no computador do usuário, que possa ser lido na próxima sessão? Eu hoje estou utilizando o "localStorage" para salvar um Array com algumas informações, porém tenho receio de estourar o limite do localStorage do usuário. Por exemplo: localStorage.setItem("data", "dd/mm/aaaa"); localStorage.getItem("data"); Eu também tenho algumas limitações, não posso utilizar cookie e nem PHP ou algo que execute server-side. Também precisa funcionar em offline (é uma aplicação Android SDK). Por isso eu utilizo o localStorage. Alguém conhece algo?
  8. Olá, boa noite pessoal! Me deem um help nesse código com operador ternário ? var eatsPlants = false; var eatsAnimals = true; var eatsPlants = false; var eatsAnimals = true; var resul = eatsPlants ? "herbivoro" : eatsAnimals ? "Carnivoro : undefined : omivwre"; console.log(resul); Não está funcionando esta dando erro erro de sintaxe, não sei realmente o que é.
  9. bom dia preciso fazer com que a urna apos a contagem dos votos mande para o banco de dados (firebase) e apos mostre o resultado como eu faço isso let digito1 let digito2 let statusDigitio = false let quantVotos = 0 let votosDeadPool = 0 let votosCyborg = 0 let votosEstrelar = 0 let votosMutano = 0 let votosRavena = 0 let votosRobin = 0 let votosBrancos = 0 let votosNulos = 0 function digitado(tecla){ console.log(tecla) console.log(digito1) if((digito1 === undefined) && (digito2 === undefined)){ if(tecla === 'tecla-1'){ digito1 = 1 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-2'){ digito1 = 2 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-3'){ digito1 = 3 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-4'){ digito1 = 4 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-5'){ digito1 = 5 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-6'){ digito1 = 6 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-7'){ digito1 = 7 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-8'){ digito1 = 8 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-9'){ digito1 = 9 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 }else if(tecla === 'tecla-0'){ digito1 = 0 console.log('D1: ', digito1) statusDigitio = true document.getElementById('digito1').value = digito1 } }else{ if((statusDigitio) && (digito2 === undefined)){ if(tecla === 'tecla-1'){ digito2 = 1 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-2'){ digito2 = 2 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-3'){ digito2 = 3 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-4'){ digito2 = 4 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-5'){ digito2 = 5 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-6'){ digito2 = 6 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-7'){ digito2 = 7 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-8'){ digito2 = 8 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-9'){ digito2 = 9 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 }else if(tecla === 'tecla-0'){ digito2 = 0 console.log('D2: ', digito2) document.getElementById('digito2').value = digito2 } } } candidato(digito1, digito2) } function corrigir(){ document.getElementById('digito1').value = '' document.getElementById('digito2').value = '' digito1 = undefined digito2 = undefined statusDigitio = false document.getElementById('imgPresidente').src = 'img/branco.jpg' document.getElementById('nome').innerHTML = '' document.getElementById('partido').innerHTML = '' } function candidato(num1, num2){ if((num1 === 1) && (num2 === 0)){ document.getElementById('imgPresidente').src = 'img/deadpool.jpg' document.getElementById('nome').innerHTML = 'Deadpool' document.getElementById('partido').innerHTML = '*****' }else if((num1 === 1) && (num2 === 5)){ document.getElementById('imgPresidente').src = 'img/cyborg.jpg' document.getElementById('nome').innerHTML = 'Cyborg' document.getElementById('partido').innerHTML = 'Jovens Titãs' }else if((num1 === 2) && (num2 === 0)){ document.getElementById('imgPresidente').src = 'img/estrelar.jpg' document.getElementById('nome').innerHTML = 'Estrelar' document.getElementById('partido').innerHTML = 'Jovens Titãs' }else if((num1 === 2) && (num2 === 5)){ document.getElementById('imgPresidente').src = 'img/robin.jpg' document.getElementById('nome').innerHTML = 'Robin' document.getElementById('partido').innerHTML = 'Jovens Titãs' }else if((num1 === 3) && (num2 === 0)){ document.getElementById('imgPresidente').src = 'img/ravena.jpg' document.getElementById('nome').innerHTML = 'Rabena' document.getElementById('partido').innerHTML = 'Jovens Titãs' }else if((num1 === 3) && (num2 === 5)){ document.getElementById('imgPresidente').src = 'img/mutano.jpg' document.getElementById('nome').innerHTML = 'Mutano' document.getElementById('partido').innerHTML = 'Jovens Titãs' } } function votoBranco(){ votosBrancos++ quantVotos++ setTimeout(finalizar, 3000) console.log('Votos Brancos: ', votosBrancos) } function reiniciar(){ document.getElementById('fim-voto').style.display = 'none' if(quantVotos < 10){ document.getElementById('container-hidden').style.display = 'block' } corrigir() } function inicio(){ document.getElementById('container-hidden').style.display = 'block' document.getElementById('container-resultado').style.display = 'none' quantVotos = 0 votosDeadPool = 0 votosCyborg = 0 votosEstrelar = 0 votosMutano = 0 votosRavena = 0 votosRobin = 0 votosBrancos = 0 votosNulos = 0 corrigir() } function finalizar(){ document.getElementById('container-hidden').style.display = 'none' if(quantVotos < 10){ document.getElementById('fim-voto').style.display = 'block' setTimeout(reiniciar, 3000) } terminarVotacao() } function confirmar(){ if((digito1 === 0) && (digito2 === 0)){ votosNulos++ quantVotos++ console.log('Votos Nulos: ', votosNulos) setTimeout(finalizar, 3000) }else if((digito1 === 1) && (digito2 === 0)){ votosDeadPool++ quantVotos++ console.log('Votos Deadpool: ', votosDeadPool) setTimeout(finalizar, 3000) }else if((digito1 === 1) && (digito2 === 5)){ votosCyborg++ quantVotos++ console.log('Votos Cyborg: ', votosCyborg) setTimeout(finalizar, 3000) }else if((digito1 === 2) && (digito2 === 0)){ votosEstrelar++ quantVotos++ console.log('Votos Estrelar: ', votosEstrelar) setTimeout(finalizar, 3000) }else if((digito1 === 2) && (digito2 === 5)){ votosRobin++ quantVotos++ console.log('Votos Robin: ', votosRobin) setTimeout(finalizar, 3000) }else if((digito1 === 3) && (digito2 === 0)){ votosRavena++ quantVotos++ console.log('Votos Rabena: ', votosRavena) setTimeout(finalizar, 3000) }else if((digito1 === 3) && (digito2 === 5)){ votosMutano++ quantVotos++ console.log('Votos Mutano: ', votosMutano) setTimeout(finalizar, 3000) }else{ votosNulos++ quantVotos++ console.log('Votos Nulos: ', votosNulos) setTimeout(finalizar, 3000) } } console.log('Votos: ', quantVotos) function terminarVotacao(){ if(quantVotos === 10){ document.getElementById('container-hidden').style.display = 'none' document.getElementById('fim-voto').style.display = 'none' document.getElementById('container-resultado').style.display = 'block' document.getElementById('deapool').innerHTML = votosDeadPool document.getElementById('cyborg').innerHTML = votosCyborg document.getElementById('robin').innerHTML = votosRobin document.getElementById('ravena').innerHTML = votosRavena document.getElementById('estrelar').innerHTML = votosEstrelar document.getElementById('mutano').innerHTML = votosMutano document.getElementById('brancos').innerHTML = votosBrancos document.getElementById('nulos').innerHTML = votosNulos } }
  10. Boa tarde peguei um script de imagem modal para montar um cardapio, porém não consigo multiplicar, todas as imagens e links abrem o mesmo modal. Ja tentei enumerar, mas não abria Segue codigo html e o javascript <img src="cardapiocarnesmassas.png" style="width:50px; height: 50px;" onclick="openModal()" class="hover-shadow cursor"> <img src="cardapiopetiscos.png" style="width:50px; height: 50px;" onclick="openModal()" class="hover-shadow cursor"> <!-- Janela1 --> <div id="myModal" class="modal"> <span class="close cursor" onclick="closeModal()">&times;</span> <div class="modal-content"> <img src="cardapiocarnesmassas.png"> </div> <!-- Janela2 --> <div id="myModal" class="modal"> <span class="close cursor" onclick="closeModal()">&times;</span> <div class="modal-content"> <img src="cardapiopescados.png"cardapiocarnesmassas.png""> </div> <script> function openModal() { document.getElementById('myModal').style.display = "block"; } function closeModal() { document.getElementById('myModal').style.display = "none"; } </script>
  11. Meu parametros.component.html: <div class="card"> <div class="card-header"> <h1>Parâmetro da Requisição</h1> </div> <div class="card-body"> <div class="btn group no-padding"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" (click)="novoParametroModal.show(); cleanParametro();"> Novo Parâmetro </button> </div> <table datatable ([dtOptions])="dtOptions" ([dtTrigger])="dtTrigger" class="table table-bordered table-striped"> <thead> <th class="celula">Ações</th> <th class="celulaA">ID</th> <th class="celulaA">Ativo</th> <th class="celulaA">Descrição do Parâmetro</th> </thead> <tbody> <tr *ngFor="let parametro of parametros; let i = index"> <td class="celula"> <i class="fa fa-pencil" id="op1" style="cursor: pointer; color: green" title="Editar" (click)="editarParametroModal.show();"></i> <i class="fa fa-trash" id="op" style="cursor: pointer; color: red" title="Excluir" (click)="deleteParametroModal.show();"></i> </td> <td class="celulaA"> {{parametro.id}} </td> <td class="celulaA"> {{parametro.ativo}} </td> <td class="celulaA"> {{parametro.desc_parametro}} </td> </tr> <!--<tr *ngIf="Parametro?.length == 0">--> <!--<td colspan="3" class="no-data-available">No data!</td>--> <!--</tr>--> </tbody> </table> </div> </div> <!--MODAL criar parametro--> <div bsModal #novoParametroModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-primary" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Cadastrar novo Parâmetro:</h4> <button type="button" class="close" (click)="novoParametroModal.hide()" aria-label="Fechar"> <span aria-hidden="true">&times;</span> </button> </div> <form (ngSubmit)="onSubmit();"> <div id="placeholderDiv" class="col-sm-12"> <input class="form-control" type="text" style="width: 100%" placeholder="Descrição do Novo Parâmetro" [(ngModel)]="parametro.desc_parametro" ([ngModelOptions])="{standalone: true}" required #desc_parametro="ngModel" name="desc_parametro"/><br/> <input class="form-control" type="number" style="width: 100%" placeholder="Ano Vigente do Novo Parâmetro" [(ngModel)]="parametro.ano_vigente" ([ngModelOptions])="{standalone: true}" required #ano_vigente="ngModel" name="ano_vigente" minlength="4" maxlength="4"/><br/> <input class="form-control" type="number" style="width: 100%" placeholder="Semestre Vigente do Novo Parâmetro" [(ngModel)]="parametro.semestre_vigente" ([ngModelOptions])="{standalone: true}" required #semestre_vigente="ngModel" name="semestre_vigente" min="1" max="2"/><br/> <div class="col-sm-6 row"><label><input id="formCriar" class="form-control" type="checkbox" [(ngModel)]="parametro.ativo" ([ngModelOptions])="{standalone: true}" required #ativo="ngModel" name="ativo"/>Parâmetro Ativo</label></div><br/> </div> <div class="modal-footer"> <button type="button" class="btn btn-secundary" (click)="novoParametroModal.hide();"> Cancelar </button> <button type="submit" class="btn btn-primary" (click)="novoParametroModal.hide();"> Salvar </button> </div> </form> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!--MODAL editar parametro--> <div bsModal #editarParametroModal="bs-modal" class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" [config]="{backdrop: 'static', keyboard: false}"> <div class="modal-dialog modal-primary" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Editar Parâmetro:</h4> <button type="button" class="close" (click)="editarParametroModal.hide(); rerender();" aria-label="Fechar"> <span aria-hidden="true">&times;</span> </button> </div> <form (ngSubmit)="onSubmit()"> <div id="placeholderDiv4" class="col-sm-12"><br/> <input class="form-control" type="text" style="width: 100%" placeholder="Nova Descrição do Parâmetro" [(ngModel)]="parametro.desc_parametro" required #desc_parametro="ngModel" name="desc_parametro"/><br/> <input class="form-control" type="number" style="width: 100%" placeholder="Novo Ano Vigente do Parâmetro" [(ngModel)]="parametro.ano_vigente" ([ngModelOptions])="{standalone: true}" required #ano_vigente="ngModel" name="ano_vigente" minlength="4" maxlength="4"/><br/> <input class="form-control" type="number" style="width: 100%" placeholder="Novo Semestre Vigente do Novo Parâmetro" [(ngModel)]="parametro.semestre_vigente" ([ngModelOptions])="{standalone: true}" required #semestre_vigente="ngModel" name="semestre_vigente" min="1" max="2"/><br/> <div class="col-sm-6 row"><label><input id="formCriar" class="form-control" type="checkbox" [(ngModel)]="parametro.ativo" ([ngModelOptions])="{standalone: true}" required #ativo="ngModel" name="ativo"/>Parâmetro Ativo</label></div><br/> </div> <div class="modal-footer"> <button type="button" class="btn btn-secundary" (click)="editarParametroModal.hide();"> Cancelar </button> <button type="submit" class="btn btn-primary" (click)="editarParametroModal.hide();"> Salvar </button> </div> </form> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!--MODAL deletar parametro--> <div bsModal #deleteParametroModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-danger" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Excluir registro</h4> <button type="button" class="close" (click)="deleteParametroModal.hide()" aria-label="Fechar"> <span aria-hidden="true">&times;</span> </button> </div> <form> <div id="placeholderDiv2" class="col-sm-12"> <p>Tem certeza que deseja excluir o Parâmetro {{params.desc_Parametro}}?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secundary" (click)="deleteParametroModal.hide()"> Cancelar </button> <button type="button" class="btn btn-danger" (click)="delete()">Excluir </button> </div> </form> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> Meu parametros.component.ts: import {Component, OnInit, ViewChild, ViewContainerRef} from '@angular/core'; import {ModalDirective} from 'ngx-bootstrap'; import {Parametros} from '../../model/parametros'; import {ParametrosService} from '../../services/parametros.service'; import { ToastsManager } from 'ng2-toastr'; import {DataTableDirective} from 'angular-datatables'; import {Subject} from 'rxjs/Subject'; @Component({ selector: 'app-parametro', templateUrl: './parametros.component.html', styleUrls: ['./parametros.component.scss'], providers: [ParametrosService] }) export class ParametrosComponent implements OnInit { @ViewChild('novoParametroModal') novoParametroModal: ModalDirective; @ViewChild('deleteParametroModal') deleteParametroModal: ModalDirective; @ViewChild('editarParametroModal') editarParametroModal: ModalDirective; @ViewChild(DataTableDirective) dtElement: DataTableDirective; dtOptions: DataTables.Settings = {}; dtTrigger: Subject<any> = new Subject(); public parametro = new Parametros(); public parametros = new Array<Parametros>(); constructor(private parametroService: ParametrosService, public toastr: ToastsManager, vcr: ViewContainerRef) { this.toastr.setRootViewContainerRef(vcr); } public validation_messages = { id: [], desc_parametro: [], ativo: [], ano_vigente: [], semestre_vigente: [] }; rerender(): void { this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => { dtInstance.destroy(); this.getParametro(); }); } onSubmit() { if (this.parametro.id === null) { console.log(this.parametro); this.parametroService.create(this.parametro).subscribe( data => { const response = (data as Parametros); this.rerender(); this.toastr.success('Dados Salvos com Sucesso!', 'Sucesso!'); }, error => { if (error.parametro === 422) { this.toastr.error('Estão faltando dados, verfique os campos e tente novamente!', 'Oops!'); this.validation_messages = error.error.validation_messages; this.validation_messages.id = (<any>Object).values(this.validation_messages.id); this.validation_messages.desc_parametro = (<any>Object).values(this.validation_messages.desc_parametro); this.validation_messages.ativo = (<any>Object).values(this.validation_messages.ativo); this.validation_messages.ano_vigente = (<any>Object).values(this.validation_messages.ano_vigente); this.validation_messages.semestre_vigente = (<any>Object).values(this.validation_messages.semestre_vigente); return; } else { this.toastr.error('Um erro ocorreu, contate o Administrador!', 'Oops!'); } } ); } else { this.parametroService.update(this.parametro).subscribe( data => { const response = (data as any); for (const i in this.parametro) { if (this.parametros[i].id === response.id) { this.parametros[i] = response; } } this.rerender(); this.toastr.success('Dados Salvos com Sucesso!', 'Sucesso!'); this.cleanParametro(); }, error => { if (error.parametro === 422) { console.log(error); return; } else { this.toastr.error('Um erro ocorreu, contate o Administrador!', 'Oops!'); } } ); } } // solicitação de confirmação para a exclusão deleteConfirm(parametro) { this.parametro = parametro; this.deleteParametroModal.show(); } // exclusão de registro delete() { for (const i in this.parametros) { if (this.parametros[i] === this.parametro) { this.parametroService.delete(this.parametro).subscribe( data => { this.parametros.splice(Number(i), 1); this.toastr.success('Registro Excluído com Sucesso!', 'Sucesso!'); this.rerender(); }, error => { this.toastr.error('Esse parametro está vinculado a uma requisição, e não pode ser deletado!', 'Oops!'); console.log(error); } ); break; } } this.deleteParametroModal.hide(); } // limpar objeto selecionado cleanParametro(): void { this.parametro = { id: null, desc_parametro: null, ativo: false, ano_vigente: null, semestre_vigente: null }; }; // pegar os registros getParametro(): void { this.parametroService.getParametro().subscribe(data => { const response = (data as any); this.parametros = response; console.log(response); this.dtTrigger.next(); }, error => { this.toastr.error('Um erro ocorreu, contate o Administrador!', 'Oops!'); console.log(error); } ); } ngOnInit() { this.getParametro(); this.dtOptions = <DataTables.Settings>{ pagingType: 'full_numbers', pageLength: 10, order: [0, 'desc'], language: { url: 'assets/language/pt-br.json' } }; } } Está pegando muito bem os dados do banco PostgreSQL na tabela do front-end, mas meu problema é que não abre o modal para criar, editar ou excluir os parâmetros.
  12. Auxilio no exercicio em java Script Olá pessoal ,estou aprendendo JV atualmente, e me deparei com o seguinte exercicio : Mediante a tabela acima : Usando a tabela de tamanhos acima, crie uma série de expressões lógicas que imprime o tamanho de uma camiseta com base nas medidas de shirtWidth, shirtLength e shirtSleeve. Valores válidos incluem S, M, L, XL, 2XL, e 3XL. Por exemplo, se.. var shirtWidth = 23; // size L , var shirtLength = 30; // size L , var shirtSleeve = 8.71; // size L então imprima L no console. Dica: você vai precisar comparar um série de valores quando verificar shirtWidth, shirtLength e shirtSleeve. Por exemplo, se a largura da camiseta é pelo menos 20", mas não mais que 22", então a camiseta deve ser média (M) — contanto que haja uma correspondência com os outros valores para tamanho e manga da camiseta. ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- E então, a partir do que é pedido no exercício fiz o seguinte código: < var shirtWidth = 28; var shirtLength = 34; var sirtSleeve = 10.13; var S; var M; var L; var doisXL = ("2XL"); var tresXL = ("3XL"); if (shirtWidth ===18 && shirtLength ===28 && shirtSleeve === 8.13){ console.log('S'); }else if (shirtWidth ===20 && shirtLength ===29 && shirtSleeve === 8.38){ console.log('M'); }else if (shirtWidth ===22 && shirtLength ===30 && shirtSleeve === 8.63){ console.log('L'); }else if (shirtWidth ===24 && shirtLength ===31 && shirtSleeve === 8.88){ console.log('XL'); }else if (shirtWidth ===26 && shirtLength ===33 && shirtSleeve === 9.63){ console.log('2XL'); }else if (shirtWidth ===28 && shirtLength ===34 && shirtSleeve === 10.13){ console.log('3XL'); } > Quando chego nesse tópico não estou conseguindo achar uma maneira de comparar os valores para que quando dentro de uma condição tiver ao menos dois valores correspondentes a um tamanho de camiseta,ele validar algum tamanho que esteja dentro do mesmo. "Dica: você vai precisar comparar um série de valores quando verificar shirtWidth, shirtLength e shirtSleeve. Por exemplo, se a largura da camiseta é pelo menos 20", mas não mais que 22", então a camiseta deve ser média (M) — contanto que haja uma correspondência com os outros valores para tamanho e manga da camiseta." Me ajudem por favor ! Obrigado ! PS:Estou compilando pelo nevagador por isso as variáveis estão com valores acima : < " var shirtWidth = 28; var shirtLength = 34; var sirtSleeve = 10.13; " >
  13. Boa tarde pessoal, No sistema de minha empresa eu alterei a empresa no qual efetuamos consultas cadastrais, poderem todas as pessoas que acessam aqui na empresa devem usar o mesmo usuario e senha e acaba tendo problemas de esquecer ou queimar a senha. Desta forma eu gostaria de adicionar o link do site no sistema e quando clicarem abre a pagina de login e preenche automaticamente o login e senha. Eu imaginei que isto não seria possível, porém será que não consigo, quando clicarem no link eu altero os cookies do navegador na onde ele puxa os dados de preenchimento automático. Nosso sistema é utilizado apenas no google chrome, alguém tem uma ideia?
  14. Olá, sou iniciante na área da programação web e preciso de ajuda. Estou fazendo um site e uma da páginas, coloquei uma tabela com duas colunas, na coluna1, eu fiz outra tabela para que eu possa colocar fotos de usuários do site, e na outra coluna, coluna2, vou escrever alguns dados sobre eles. Gostaria de que quando clicassem em uma dessas fotos, o que esta escrito do lado mudasse de acordo com cada usuário. Pensei um usar o if dentro do script, e no html fazer links internos, para colocar o nome do link interno na condição do if. Inicialmente não esta dando certo (acho que pelo fato do não estar usando o script em tudo). Gostaria de saber se o que eu penso vai ser possível, como posso fazer e se a forma da qual estou pensando está certa. Obrigada
  15. Ola estou aprendendo html criando um site simples. Queria criar um tipo de cadastro que no próprio código eu coloco o login e a senha só pra testar, então criei isto: HTML: <div class="tlogin"> <div class="tabela"> <ul class="unlinha"> <li class="linha"><a class="linha1" href="loja.html">Loja</a></li> <li class="linha"><a class="linha1" href="form.html">Ofertas</a></li> <li class="linha"><a class="linha1" href="prudutos.html">Produtos</a></li> </div> <div class="login"> <form> <a style="font-family:Oswald;">Login:</a> <input type="text" id="login" class="caixalogin"> <a style="font-family:Oswald;">Senha:</a> <input type="password" id="senha" class="caixalogin"> <input type="submit" onClick="testesenha()" Value="Entrar" </form> </div> </div> <a id="kkk">tente</a> CSS: .tlogin { width: 100%; height: 50px; float: left; color: white; background: #00a3cc; font-family: Oswald; } .tabela { width: 57.5%; float: left; color: white; background: #00a3cc; font-family: Oswald; } .unlinha { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #00a3cc; } .linha { float: left; } .linha1 { display: block; color: white; padding: 16px; padding-top: 8px; padding-right: 30px; padding-bottom: 8px; padding-left: 30px; font-family: Oswald; font-size: 17px; } .login { width: 42.5%; height: 50px; float: right; color: white; background: #00a3cc; font-family: Oswald; } .caixalogin { color: black; font-family: Oswald; } JAVA SCRIPT: function testesenha(){ var login1 = document.getElementById("login"); var senha1 = document.getElementById("senha"); if (login1 == "teste" && senha1 == "teste"){ document.getElementById("kkk").innerHTML="certo"; }else{ document.getElementById("kkk").innerHTML="erro"; } } mais quando eu coloco o login teste e a senha teste ele da o texto erro no id kkk que eu coloquei caso a senha esteja errada alguém sabe o erro ?
  16. Eu queria saber como eu poderia apaga o texto h1 e automaticamente ele escrever outro texto, so consegui seta um texto não consegui outro poderia me ajuda? (USANDO JAVASCRIPT) <!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>Site</title> <link href="_css/estilo.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body style="background-image:url(img/fundo.jpg)"> <h1 style=" color: white">Pousou em meio às rochas. Suas asas se fecharam, seu corpo começava a se esfriar. O peso dos anos fazia suas penas se esfarelarem e sua chama d</h1> <!-- texto 1 não consegui coloca outro texto me ajuda --> <script> function typeWriter(elemento) { const textoArray = elemento.innerHTML.split(''); elemento.innerHTML = '<br>'; textoArray.forEach((letra, i) => { setTimeout(() => elemento.innerHTML += letra, 75 * i); }); } const titulo = document.querySelector('h1'); typeWriter(titulo); </script> <script src="js/bootstrap.min.js" </body> </html>
  17. Ola galera, eu gostaria de saber como eu abro um arquivo .txt e leio cada linha dele e armazeno numa var, se possível só com JS já vi outros tópicos mais usava xml (que eu nao tenho conhecimento algum), eu sei um pouco de php só que estou programando num site e ele não suporta html e php juntos. Alguém pode ajudar ?
  18. Ola queria sabe como eu faço uma quebra de linha na var textos, no final de cada texto queria uma quebra de linha pois não estou conseguindo com o \n e o próximo texto viesse abaixo var div = document.getElementById('log'); var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI']; function escrever(str, done) { var char = str.split('').reverse(); var typer = setInterval(function() { if (!char.length) { clearInterval(typer); return setTimeout(done, 500); // só para esperar um bocadinho } var next = char.pop(); div.innerHTML += next; }, 100); } function rodape(conteudos, el) { var atual = -1; function prox(){ if (atual < conteudos.length - 1) atual++; else atual = 0; var str = conteudos[atual]; escrever(str, function(){ div.innerHTML = ''; prox(); }); } prox(); } rodape(textos);
  19. Olá gostaria de saber se existe alguma função que faz esta conversão ou se alguem pode me ajudar pelo menos me dando uma noção de como fazer. Pois já criei uma função que CONVERTE positvos em binarios e vice versa, porém com numeros negativos estou perdido.
  20. Estou com o seguinte codigo abaixo e queria que o texto se quebrasse quando chegasse ao limiti de caracteres, pois dependendo do tamanho do texto ele continua e não para na pagina so dps de um certo tempo, ja tentei mais não consegui, como faz pra ele fica se ajeitando na tela automaticamente, tipo eu setei a div do html ja pra fica no meio da tela so que quando o texto vai sendo adicionando ele não vai arredando pra centralizar. Codigo do JavaScript var div = document.getElementById('log'); var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI']; function escrever(str, done) { var char = str.split('').reverse(); var typer = setInterval(function() { if (!char.length) { clearInterval(typer); return setTimeout(done, 500); // só para esperar um bocadinho } var next = char.pop(); div.innerHTML += next; }, 100); } function rodape(conteudos, el) { var atual = -1; function prox(){ if (atual < conteudos.length - 1) atual++; else atual = 0; var str = conteudos[atual]; escrever(str, function(){ div.innerHTML = ''; prox(); }); } prox(); } rodape(textos);
  21. Estou desenvolvendo um jogo em html, preciso fazer a colisão do personagem, como faço isso? Codigo: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>JOGO</title> <style> canvas { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } </style> </head> <body> <script> var canvas, ctx, ALTURA, LARGURA, frames = 0, maxTiros = 5, _obsimg = new Image(), velocidade = 6, estadoAtual, pontos = 0, estados = { jogar: 0, jogando: 1, perdeu: 6, }, bloco = { x: 275, y: 500, altura: 50, largura: 50, cor: "#ff4e4e", gravidade: 0.25, velocidade: 0, qntTiros: 0, desenha: function() { ctx.fillStyle = this.cor; ctx.fillRect(this.x, this.y, this.largura, this.altura); }, atira: function() { if(this.qntTiros < maxTiros){ this.qntTiros++; }; } }; obstaculos = { _obs: [], tempo: 0, largura: 43, altura: 35, insere: function(){ this._obs.push({ y: 0, x: Math.floor(Math.random() * 550), }); this.tempo = 30 + Math.floor(10 * Math.random()); }, atualiza: function(){ if(this.tempo == 0){ this.insere(); }else this.tempo--; for(var i = 0, tam = this._obs.length; i < tam; i++){ var obs = this._obs[i]; obs.y += velocidade; if(bloco.x < obs.x - obs.largura){ estados.jogando++; pontos++; alert('bateu'); if(estados.jogando == 6){ estadoAtual = estados.perdeu; } }else if(obs.y >= 600 ){ this._obs.splice(i, 1); tam--; i--; } } }, limpa: function(){ this._obs = []; }, desenha: function(){ for(var i = 0, tam = this._obs.length; i < tam; i++){ var obs = this._obs[i]; _obsimg.src = "obstaculo.png"; ctx.drawImage(_obsimg, obs.x, obs.y); } }, }; function clique(event) { if(estadoAtual == estados.jogando){ } else if(estadoAtual == estados.jogar){ estadoAtual = estados.jogando; } else if(estadoAtual == estados.perdeu){ estadoAtual = estados.jogar; } } function main() { ALTURA = window.innerHeight; LARGURA = window.innerWidth; if (LARGURA >= 500) { LARGURA = 600; ALTURA = 600; } canvas = document.createElement("canvas"); canvas.width = LARGURA; canvas.height = ALTURA; canvas.style.border = "1px solid #000"; ctx = canvas.getContext("2d"); document.body.appendChild(canvas); document.addEventListener("mousedown", clique); estadoAtual = estados.jogar; roda(); } function roda() { atualiza(); desenha(); window.requestAnimationFrame(roda); } function atualiza() { frames++; if(estadoAtual == estados.jogando){ obstaculos.atualiza(); }else if(estadoAtual == estados.perdeu){ obstaculos.limpa(); } } function desenha() { ctx.fillStyle = "#50beff"; ctx.fillRect(0, 0, LARGURA, ALTURA); if(estadoAtual == estados.jogar){ ctx.fillStyle = "green"; ctx.fillRect(LARGURA / 2 - 50, ALTURA / 2 - 50, 100, 100); } else if(estadoAtual == estados.perdeu){ ctx.fillStyle = "red"; ctx.fillRect(LARGURA / 2 - 50, ALTURA / 2 - 50, 100, 100); } else if(estadoAtual == estados.jogando){ obstaculos.desenha(); } if(bloco.x >= -5 && bloco.x <= 555 && bloco.y >= 0 && bloco.y <= 550){ bloco.desenha(); }else alert('aqui'); } window.onkeydown = pressionaTecla; function pressionaTecla(tecla){ if(tecla.keyCode == 39 ) { bloco.x = bloco.x + 10; } if(tecla.keyCode == 37 ) { bloco.x = bloco.x - 10; } if(tecla.keyCode == 40 ) { bloco.y = bloco.y + 10; } if(tecla.keyCode == 38 ) { bloco.y = bloco.y - 10; } if(tecla.keyCode == 32 ) { bloco.atira(); } } main(); </script> </body> </html>
  22. Olá, Tenho bastantes formulas e folhas de calculo em excel. Pretendo transportar essas formulas e folhas para um ambiente multiplataforma. Preciso de algo não me obrigue a ter grandes programas instalados e que a curva de aprendizagem seja mais ou menos rápida. Pensei no Javascript. Possuo noções de html e CSS (já fiz alguns webistes, nada de muito profissional, mas também nada de muito básico). O JS corre do lado do cliente (minha máquina) logo não preciso de ter grandes coisas instaladas, apenas o browser O que me falta para validar a 100% esta opção é se o JS é a melhor opção. As vantagens, para além de ser client-side, é que é permite criar várias páginas e adicionar imagens e efeitos na página (caracteristica do html+css). Em termos de calculos não conheço as suas limitações ou vantagens. É nesta parte que peço a ajuda da comunidade. O que vocês acham? Obrigado
  23. Boa Tarde, estou com um problema em uma estrutura onde tenho um select e o mesmo com um input relacionado sendo assim eu posso mudar o value do meu option. o problema e que quando eu mudo o input o label do meu option Some. Para carregar o valor estou usando o Angular, segue o trecho de codigo. <div class="col-sm-8"> <div class="row"> <div class="col-xs-6 col-sm-7 no-right-padding"> <div class="input-group"> <select ng-model="newStream.type" name="type" class="form-control" required ng-disabled="{{::auth.isGuest()}}" > <option ng-repeat="item in streamsTypesOptions" value="{{::item.value}}">{{::item.name}}</option> </select> <span class="input-group-addon"> <button type="button" class="btn btn-box-tool" tooltip="Undo" ng-click="newStream.type = currentEditStream.type" ng-show="isEdit && newStream.type != currentEditStream.type "> <i class="fa fa-undo fa-2x"> </i> </button> </span> </div> </div> <div class="col-xs-6 col-sm-5 no-left-padding"> <div class="input-group"> <!-- Input TYPE --> <input ng-if="isEdit || (newStream.type != 6 && newStream.type != 17 && newStream.type != 27)" type="text" ng-change="editType()" class="form-control col-sm-3" required name="$otherType" ng-disabled="{{::auth.isGuest()}}" ng-model="newStream.type" maxlength="4" value="12" min="0" max="9999" ui-number-mask="0" ui-hide-group-sep/> <span class="input-group-addon"> <button type="button" class="btn btn-box-tool" tooltip="Undo" ng-click="newStream.$otherType = currentEditStream.$otherType" ng-show="isEdit && newStream.type == 0 && newStream.$otherType != currentEditStream.$otherType"> <i class="fa fa-undo fa-2x"> </i> </button> </span> </div> <div ng-messages="forms.newStreamForm.$otherType.$error" class="help-block has-error error-msg" role="alert"> <div ng-message="required">Required </div> </div> </div> </div> </div> minha estrutura no ng-model e a seguinte. $scope.newStream = [{ name: "Audio", type: STREAM_TYPES.AUDIO, checked: 17 }, { name: "Video", type: STREAM_TYPES.VIDEO, checked: 27 }, { name: "Closed Caption", type: STREAM_TYPES.CLOSED_CAPTION, checked:6 }, { name: "Others", type: STREAM_TYPES.OTHERS, checked: 0 }];
  24. OI, estou tentando fazer um player html5, porém não estou consigo fazer a barra de duração ficar "bom". o que está acontecendo, é que eu estou chamando a função para trocar o value do input a cada 1s (com setinterval), e se o usuario manter pressionado o input e arrastar para algum lugar, o setinterval vai levar o value para onde o video parou. Aqui está um exemplo: http://jsfiddle.net/9ex8k3vp/7/ alguma solução?
  25. <!DOCTYPE html> <html> <head> <style> caixa { width: 300px; border: 2px solid black; padding: 25px; margin: 25px; box-sizing: border-box; display: inline-block; } alinhador { text-align: center; margin-right: auto; margin-left: auto; } entrada[type=number] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; display: inline-block; } </style> </head> <body> <alinhador> <h1> <caixa>calculador</caixa> </h1> <form> <input type="number" id="p1" name="p1" /> <select id="operador" name="operador"> <option value= "+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="number" id="p2" name="p2"> <p id="resultado"></p> <button id="button" onclick="mais()">calcular!</button> </form> </alinhador> <script> function mais (){ var p1 = document.getElementById("p1").value; var p2 = document.getElementById("p2").value; var resultado1 = document.getElementById("resultado"); resultado1.innerhtml = p1 + p2; } </script> </body> </html> bom dia/tarde/noite. sou muito novato em programação web, e estava tentando fazer esse calculador, porém mesmo seguindo os tutoriais ele não calcula! com certeza devo estar fazendo algo errado muito obvio. só quero que o resultado apareça, o resto do código eu termino depois.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×