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, autoração e gravação de áudio e vídeo
    • Programas
  • Sistemas Operacionais
  • Eletrônicos
  • Outros
  • Clube do Hardware

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


Encontrado 318 registros

  1. Lerub

    Javascript Corrigir bugs do player (GIT)

    Eu estou tentando corrigir problemas que ando tendo com o meu player. Um pouco do código foi o que eu sei de memória e parte com a ajuda do MDN. Eu estou tendo problemas com a timeline (ao redimensionar a tela durante a reprodução) e com telas mobile. Quem quiser ajudar, código no GIT. https://github.com/sthanduther/SDNPlayer Edit: O retardado aqui esqueceu se esqueceu de enviar os SVG's. Corrigido.
  2. Olá pessoal, estou estudanto Node.js, usando Mysql como banco de dados e sequelize para fazer essa ligação. Tô importando "Sequelize" e "sequelize" no modulo db.js e então exportando para ser utilizado no arquivo Post.js, pra criar uma nova tabela no Mysql. Só que executando Post.js, obtenho o erro: TypeError: db.sequelize.define is not a function Aí vai os códigos: db.js: const Sequelize = require("sequelize") const sequelize = new Sequelize('sistemapostagens','root', '123456', { host: "localhost", dialect: "mysql" }) module.exports = { Sequelize: 'Sequelize', sequelize: 'sequelize' } Post.js: const db = require('./db.js') const Post = db.sequelize.define('postagens', { titulo: { type: db.Sequelize.STRING }, conteudo: { type: db.Sequelize.TEXT } }) Post.sync({force: true}) Tô há horas tentando resolver, alguém pode dar um help?
  3. Olá, pessoal! Peço ajuda para uma iniciante aqui: Estou utilizando models para as minhas requisições ao banco de dados. Criei a função que permite realizar a consulta e a "exportei" como módulo para o arquivo da requisição para determinada URL. Porém, não estou conseguindo usar o método QUERY... O que pode estar acontecendo? (Ah, estou usando o framework Express e o Consign para controlar minhas views e models)
  4. Olá pessoal, boa tarde. Estou tentando resolver a seguinte situação: preencho os campos de um formulário com dados que busco no excel. Exemplo: CÒDIGO (7 digitos) e NOME (40 digitos). No excel está assim: "0000012Joao da Silva veloso". Quando clico no campo código do formulário e aperto as teclas "Control + V" entendo que deveria preencher o campo CÒDIGO e o restante da informação preencher o campo NOME, porém só preenche o campo CÓDIGO com a informação do código e o cursor fica parado nesse campo, mas o campo nome não recebe nenhum caracter. Alguém sabe como eu poderia resolver esse enigma. Obrigado!
  5. Amigos, tenho alguns dados que são enviados para mim, via e-mail, em xlsx [Excel]. Esses dados são trabalhados e preparados para exibição através de uma tabela dinâmica no EXCEL, porém, gostaria modificar a forma que eu exibo, passando do próprio EXCEL para uma página WEB -- Utilizei alguns métodos do ActiveXObject acessando o Excel Application para ler esses dados, mas não é a forma mais rápida. Há uma forma manual de converter uma tabela do Excel em um arquivo Json, porém gostaria de automatizar isso. Qual melhor maneira de trabalhar dados do excel utilizando HTML e Javscript?
  6. Pessoal preciso de ajuda para fazer certas funções no meu código. o problema é o seguinte, eu tenho um upload de arquivos que fica dentro de uma model em meu código que tem uma tabela, um loader e uma div que irá aparecer no lugar da tabela inicialmente. O passo a passo é o seguinte: - O usuário clico no botão da model e abriu a janela de upload (até ai td bem) - Assim que a janela abre a tabela não e pra aparecer e sim a div "ÍCONE DA TABELA" (até ai td bem) - Assim que o usuário clica no botão "Enviar" a div "ÍCONE DA TABELA" tem que SUMIR e o Loader APARECER (até ai td bem). Aqui começa a parte que preciso de ajuda - Depois que o Loader termina sua ação preciso que a TABELA apareça e a div "ÍCONE DA TABELA" permaneça oculta Meu código HTML: <div class="col-md-6 col-lg-6 col-sm-12"> @*<div class="spinner"></div>*@ <div id="blanketupload"></div> <div id="aguardeupload">@*<p class="">AGUARDE</p>*@</div> <!-- elemento inicial no lugar da tabela--> <div class="iconetabelaupload"> ICONE DA TABELA </div> <table class="table" id="tabelaDeArquivos" style="display:none;"> <tr class="cabecarioArquivos"> <th>Nome do Arquivo</th> <th>Tamanho do Arquivo</th> <th>Excluir</th> </tr> <tr> <td>Exemplo</td> <td>Exemplo</td> <td>Exemplo</td> </tr> </table> </div> Código da função (JQuery): $(document).ready(function () { $('.btn-loader-file').click(function () { $('#aguardeupload, #blanketupload').css('display', 'block'); // loader aparece qd btn e clicado $('.iconetabelaupload').css('display', 'none'); // tabela some qd o button e clicado }); }); Se poderem me ajudar agradeceria muito!
  7. <?php session_start(); require_once "Clinica.class.php"; ?> <!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <link href='css/core/main.min.css' rel='stylesheet' /> <link href='css/daygrid/main.min.css' rel='stylesheet' /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="css/personalizado.css"> <script src='js/core/main.min.js'></script> <script src='js/interaction/main.min.js'></script> <script src='js/daygrid/main.min.js'></script> <script src='js/core/locales/pt-br.js'></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="js/personalizado.js"></script> </head> <body> <?php if (isset($_SESSION['msg'])) { echo $_SESSION['msg']; unset($_SESSION['msg']); } ?> <div id='calendar'></div> <div class="modal fade" id="visualizar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Detalhes do Agenda</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="visevent"> <dl class="row"> <dt class="col-sm-3">ID do Agenda</dt> <dd class="col-sm-9" id="id"></dd> <dt class="col-sm-3">Título do Agenda</dt> <dd class="col-sm-9" id="title"></dd> <dt class="col-sm-3">Nome do cliente</dt> <dd class="col-sm-9" id="cliete"></dd> <dt class="col-sm-3">tel</dt> <dd class="col-sm-9" id="tel"></dd> <dt class="col-sm-3">local</dt> <dd class="col-sm-9" id="local"></dd> <dt class="col-sm-3">Início do Agenda</dt> <dd class="col-sm-9" id="start"></dd> <dt class="col-sm-3">Fim do Agenda</dt> <dd class="col-sm-9" id="end"></dd> </dl> <button class="btn btn-warning btn-canc-vis">Editar</button> </div> <div class="formedit"> <span id="msg-edit"></span> <form id="editevent" method="POST" enctype="multipart/form-data"> <input type="hidden" name="id" id="id" > <div class="form-group row"> <label class="col-sm-2 col-form-label">Título</label> <div class="col-sm-10"> <input type="text" name="title" class="form-control" id="title" placeholder="Título do Agenda"> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">tel</label> <div class="col-sm-10"> <input type="text" name="tel" class="form-control" id="tel" placeholder="telefone"> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">empresa</label> <div class="col-sm-10"> <select type="text" name="local" class="form-control" id="local"> <?php $clinica= new Clinica; $clinica->listClinica(); ?> </select> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">Color</label> <div class="col-sm-10"> <select name="color" class="form-control" id="color"> <option value="">Selecione</option> <option style="color:#FFD700;" value="#FFD700">Amarelo</option> <option style="color:#0071c5;" value="#0071c5">Azul Turquesa</option> <option style="color:#FF4500;" value="#FF4500">Laranja</option> <option style="color:#8B4513;" value="#8B4513">Marrom</option> <option style="color:#1C1C1C;" value="#1C1C1C">Preto</option> <option style="color:#436EEE;" value="#436EEE">Royal Blue</option> <option style="color:#A020F0;" value="#A020F0">Roxo</option> <option style="color:#40E0D0;" value="#40E0D0">Turquesa</option> <option style="color:#228B22;" value="#228B22">Verde</option> <option style="color:#8B0000;" value="#8B0000">Vermelho</option> </select> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">Início do Agenda</label> <div class="col-sm-10"> <input type="text" name="start" class="form-control" id="start" onkeypress="DataHora(event, this)"> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">Final do Agenda</label> <div class="col-sm-10"> <input type="text" name="end" class="form-control" id="end" onkeypress="DataHora(event, this)"> </div> </div> <div class="form-group row"> <div class="col-sm-10"> <button type="button" class="btn btn-primary btn-canc-edit">Cancelar</button> <button type="submit" name="CadEvent" id="CadEvent" value="CadEvent" class="btn btn-success">Cadastrar</button> </div> </div> </form> </div> </div> </div> </div> </div> <div class="modal fade" id="cadastrar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Cadastrar Agenda</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <span id="msg-cad"></span> <form id="addevent" method="POST" enctype="multipart/form-data"> <div class="form-group row"> <label class="col-sm-2 col-form-label">Título</label> <div class="col-sm-10"> <input type="text" name="title" class="form-control" id="title" placeholder="Título do Agenda"> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">tel</label> <div class="col-sm-10"> <input type="text" name="tel" class="form-control" id="tel" placeholder="telefone"> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">empresa</label> <div class="col-sm-10"> <select> <?php $clinica= new Clinica; $clinica->listClinica(); ?> </select> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">Color</label> <div class="col-sm-10"> <select name="color" class="form-control" id="color"> <option value="">Selecione</option> <option style="color:#FFD700;" value="#FFD700">Amarelo</option> <option style="color:#0071c5;" value="#0071c5">Azul Turquesa</option> <option style="color:#FF4500;" value="#FF4500">Laranja</option> <option style="color:#8B4513;" value="#8B4513">Marrom</option> <option style="color:#1C1C1C;" value="#1C1C1C">Preto</option> <option style="color:#436EEE;" value="#436EEE">Royal Blue</option> <option style="color:#A020F0;" value="#A020F0">Roxo</option> <option style="color:#40E0D0;" value="#40E0D0">Turquesa</option> <option style="color:#228B22;" value="#228B22">Verde</option> <option style="color:#8B0000;" value="#8B0000">Vermelho</option> </select> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">Início do Agenda</label> <div class="col-sm-10"> <input type="text" name="start" class="form-control" id="start" onkeypress="DataHora(event, this)"> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">Final do Agenda</label> <div class="col-sm-10"> <input type="text" name="end" class="form-control" id="end" onkeypress="DataHora(event, this)"> </div> </div> <div class="form-group row"> <div class="col-sm-10"> <button type="submit" name="CadEvent" id="CadEvent" value="CadEvent" class="btn btn-success">Cadastrar</button> </div> </div> </form> </div> </div> </div> </div> </body> </html> <?php session_start(); include_once 'conexao.php'; include_once 'Clinica.class.php'; $dados = filter_input_array(INPUT_POST, FILTER_DEFAULT); //Converter a data e hora do formato brasileiro para o formato do Banco de Dados $data_start = str_replace('/', '-', $dados['start']); $data_start_conv = date("Y-m-d H:i:s", strtotime($data_start)); $data_end = str_replace('/', '-', $dados['end']); $data_end_conv = date("Y-m-d H:i:s", strtotime($data_end)); $clinica = new Clinica; $id=$clinica->Cliente($dados['tel']); $query_event = "INSERT INTO events (title,tel,idecliente,idecnpj, color, start, end) VALUES (:title,:tel,:id:,:local,:color,:start,:end)"; $insert_event = $conn->prepare($query_event); $insert_event->bindParam(':title', $dados['title']); $insert_event->bindParam(':tel', $dados['tel']); $insert_event->bindParam(':local', $dados['local']); $insert_event->bindParam(':id', $id); $insert_event->bindParam(':color', $dados['color']); $insert_event->bindParam(':start', $data_start_conv); $insert_event->bindParam(':end', $data_end_conv); if ($insert_event->execute()) { $retorna = ['sit' => true, 'msg' => '<div class="alert alert-success" role="alert">Evento cadastrado com sucesso!</div>']; $_SESSION['msg'] = '<div class="alert alert-success" role="alert">Evento cadastrado com sucesso!</div>'; } else { $retorna = ['sit' => false, 'msg' => '<div class="alert alert-danger" role="alert">Erro: Evento não foi cadastrado com sucesso!</div>']; } header('Content-Type: application/json'); echo json_encode($retorna); document.addEventListener('DOMContentLoaded', function () { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { locale: 'pt-br', plugins: ['interaction', 'dayGrid'], //defaultDate: '2019-04-12', editable: true, eventLimit: true, events: 'list_eventos.php', extraParams: function () { return { cachebuster: new Date().valueOf() }; }, eventClick: function (info) { $("#apagar_evento").attr("href", "proc_apagar_evento.php?id=" + info.event.id); info.jsEvent.preventDefault(); // don't let the browser navigate console.log(info.event); $('#visualizar #id').text(info.event.id); $('#visualizar #id').val(info.event.id); $('#visualizar #title').text(info.event.title); $('#visualizar #title').val(info.event.title); $('#visualizar #tel').text(info.event.tel); $('#visualizar #tel').val(info.event.tel); $('#visualizar #local').text(info.event.local); $('#visualizar #local').val(info.event.local); $('#visualizar #cliete').text(info.event.nome); $('#visualizar #start').text(info.event.start.toLocaleString()); $('#visualizar #start').val(info.event.start.toLocaleString()); $('#visualizar #end').text(info.event.end.toLocaleString()); $('#visualizar #end').val(info.event.end.toLocaleString()); $('#visualizar #color').val(info.event.backgroundColor); $('#visualizar').modal('show'); }, selectable: true, select: function (info) { //alert('Início do evento: ' + info.start.toLocaleString()); $('#cadastrar #start').val(info.start.toLocaleString()); $('#cadastrar #end').val(info.end.toLocaleString()); $('#cadastrar').modal('show'); } }); calendar.render(); }); //Mascara para o campo data e hora function DataHora(evento, objeto) { var keypress = (window.event) ? event.keyCode : evento.which; campo = eval(objeto); if (campo.value == '00/00/0000 00:00:00') { campo.value = ""; } caracteres = '0123456789'; separacao1 = '/'; separacao2 = ' '; separacao3 = ':'; conjunto1 = 2; conjunto2 = 5; conjunto3 = 10; conjunto4 = 13; conjunto5 = 16; if ((caracteres.search(String.fromCharCode(keypress)) != -1) && campo.value.length < (19)) { if (campo.value.length == conjunto1) campo.value = campo.value + separacao1; else if (campo.value.length == conjunto2) campo.value = campo.value + separacao1; else if (campo.value.length == conjunto3) campo.value = campo.value + separacao2; else if (campo.value.length == conjunto4) campo.value = campo.value + separacao3; else if (campo.value.length == conjunto5) campo.value = campo.value + separacao3; } else { event.returnValue = false; } } $(document).ready(function () { $("#addevent").on("submit", function (event) { event.preventDefault(); $.ajax({ method: "POST", url: "cad_event.php", data: new FormData(this), contentType: false, processData: false, success: function (retorna) { if (retorna['sit']) { //$("#msg-cad").html(retorna['msg']); location.reload(); } else { $("#msg-cad").html(retorna['msg']); } } }) }); $('.btn-canc-vis').on("click", function(){ $('.visevent').slideToggle(); $('.formedit').slideToggle(); }); $('.btn-canc-edit').on("click", function(){ $('.formedit').slideToggle(); $('.visevent').slideToggle(); }); $("#editevent").on("submit", function (event) { event.preventDefault(); $.ajax({ method: "POST", url: "edit_event.php", data: new FormData(this), contentType: false, processData: false, success: function (retorna) { if (retorna['sit']) { //$("#msg-cad").html(retorna['msg']); location.reload(); } else { $("#msg-edit").html(retorna['msg']); } } }) }); }); <?php include 'conexao.php'; $query_events = "SELECT * FROM `events` , `cliente`,`cnpj` WHERE `idecliente`=`idCliente` AND `idecnpj`=`idcnpj`"; $resultado_events = $conn->prepare($query_events); $resultado_events->execute(); $eventos = []; while($row_events = $resultado_events->fetch(PDO::FETCH_ASSOC)){ $id = $row_events['id']; $title = $row_events['title']; $tel = $row_events['tel']; $nome=$row_events['NomeCliente']; $color = $row_events['color']; $start = $row_events['start']; $end = $row_events['end']; $eventos[] = [ 'id' => $id, 'title' => $title, 'nome'=>$nome, 'tel'=>$tel, 'color' => $color, 'start' => $start, 'end' => $end, ]; } echo json_encode($eventos); Erro ao cadastra pois não envia o cnpj e não aparece nome e telefone
  8. Johnny Maik

    Javascript Web Game em JavaScript

    Para programação Web-game qual a melhor linguagem server-side? A intenção é fazer um browser game RPG 80% estático, com pequenas animações (gifs) e muita interatividade usando o JS como caminho. A intenção é migrar futuramente para Mobile, mas estou em dúvida entre PHP e node.js no serve-side. Queria uma luz.
  9. Preciso fazer um site com modelo de blog, eu ja tenho uma ideia de como fazer a parte visual, mas gostaria de dicas para o backend. Como eu vou fazer um sistema que da acesso para a pessoa que eu vou fazer o site? e como eu vou fazer um esquema de postagem que so vai ver quem é o adm do site?e como faço para esse sistema funcionar? (funcionar que eu digo é, a pessoa escrever e colocar as imgs que precisa e aparecer na pag inicial o post com um "leia mais" que leve para uma pagina que sera criada com o padrão visual do site). Com certeza precisaria de um DataBase, porém eu não sei como fazer nada disso. Como vou fazer um sistema para o ADM entrar facilmente, como vou fazer a versão do site para ADM e para visitantes, como vou fazer os esquemas de post etc. Sei que tem como fazer com -wordpress (mas n sei se ficaria bom) -Node -firebase N sei ao certo como nenhum funciona. esquemas que eu penso em seguir: https://pixel-template.blogspot.com/ https://colorlib.com/activello/
  10. Pessoal estou com um problema em minhas function pois criei duas para fazer o conteúdo oculto aparecer quando selecionado pelo option do select, porém o erro é que quando seleciona um o outro some e quando seleciona o outro ele vai pra debaixo da input errada, resumindo e como se as function estivessem ligadas, porém eu quero que elas sejam independentes, alguém me ajuda por favor? Esse é o código HTML dos elementos: <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="form-group pmd-textfield pmd-textfield-floating-label"> <label>1.1.9 Orientação sexual da Vítima</label> <select class="select-simple form-control pmd-select2 empty" onclick="selected(this.value)" id="119" name="119"> <option selected>Selecionar</option> <option>NCI - Não Consta Informação</option> <option>Heterossexual</option> <option>Homossexual</option> <option>Bissexual</option> <option>Não se aplica (criança menor de 06 anos de idade)</option> <option>Outro</option> </select> </div> <!-- Esta Janela aparecerá se a opção "Outro" for MARCADA (JAVASCRIPT)--> <div class="form-group pmd-textfield input119" style="display:none;"> <input type="text" id="regular1" class="form-control" placeholder="Qual? Especifique."> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="form-group pmd-textfield pmd-textfield-floating-label"> <label>1.1.10 Identidade de gênero da vítima</label> <select class="select-simple form-control pmd-select2 empty" onclick="selected(this.value)" id="1110" name="1110"> <option selected>Selecionar</option> <option>NCI - Não Consta Informação</option> <option>Andrógeno</option> <option>Cisgênero</option> <option>Transformista</option> <option>Travesti</option> <option>Transexual</option> <option>Não se aplica (criança menor de 06 anos de idade)</option> <option>Outro</option> </select> </div> <!-- Esta Janela aparecerá se a opção "Outro" for MARCADA (JAVASCRIPT)--> <div class="form-group pmd-textfield input1110" style="display:none;"> <input type="text" id="regular1" class="form-control" placeholder="Qual? Especifique."> </div> </div> E esse e o JavaScript com as duas Function que eu criei pra eles: // CÓDIGO PARA OCULTAR/MOSTRAR elementos pelo SELECT function selected(value) { var input1110 = document.getElementsByClassName('input1110'); if (value != "Outro") { input1110[0].style.display = 'none'; } else { input1110[0].style.display = 'block'; } } function selected(value) { var input119 = document.getElementsByClassName('input119'); if (value != "Outro") { input119[0].style.display = 'none'; } else { input119[0].style.display = 'block'; } } Alguém consegue me dizer onde esta o erro e porque as funções estão se interligando? desde já agradeço!
  11. Olá, Estou em trabalhando na parte de front-end e atualmente estou criando um gráfico, mas estou com problemas em entregar dados com o JSON. Esse é o código em JS: function drawChart() { const container = document.querySelector('#chart'); let chart = new google.visualization.ColumnChart(container); //Informações data.json let dataRequest = new Request("./datas/data.json"); fetch(dataRequest) .then(function(resp) { return resp.json(); }) .then(function(data) { console.log(data); }); // Informações gráficos let data = new google.visualization.arrayToDataTable([ ["Volume", "Valor"], ["DA", 67], ["CIF", 23], ["Expurgo", 45] ]); const options = { titlePosition: 'none', colors: ['#ed4a0e', '#15466e'], backgroundColor: 'transparent', animation: { startup: true, duration: 1000, easing: 'out', }, hAxis: { textStyle: { color: 'white' }, titleTextStyle: { color: 'white', fontSize: 15 } }, vAxis: { textStyle: { color: 'white' }, titleTextStyle: { color: 'white', fontSize: 15 } }, chartArea: { width: 250, height: 200 }, legend: { textStyle: { color: '#ffffff', fontSize: 13 } } }; chart.draw(data, options) }; e esse o JSON: [ ["Volume", "Valor"], ["DA", 67], ["CIF", 23], ["Expurgo", 45] ] Nunca mexi com charts e estou em dúvida, agradeço quem puder me ajudar!
  12. Boa noite! Atualmente fiz um arquivo .bat para abrir um link de um sistema interno em fullscreen, no entanto a página da web abre um form solicitando usuário e senha, queria saber o que indicam para que abra o navegador em fullscreen já com o login automático.
  13. Boa Tarde a Todos, queria de saber um forma de adcionar uma diretiva ng-controller quando chamo um html externo, simplesmente não funciona. HTML da Página A seguir. <style> div#logsTable_filter { display: none; } .dataTables_wrapper { margin-top: 25px; } table#logsTable{ width: 100% !important; } button#clear_log{ position: absolute; right: 5px; top: 5px; } button#save{ position: absolute; right: 10px; top: 0px; height: 34px; width: 70px; z-index: 999; } </style> <section class="content-header"> <h1> {{title}} </h1> </section> <!-- Main content --> <section class="content"> <!-- Default box --> <div class="box" ng-app="apphkl" ng-controller="UsersController"> <div class="box-header with-border"> <h3 class="box-title">User</h3> <div ng-hide="logs.length == 0" > <button id="save" class="btn pull-right margin-bottom" ng-click="downloadLogs(0)">SAVE</button> </div> </div> <div class="box-body" > <div class="col-xs-12"> <div class=" box-meas box-header btsettings col-xs-12 col-sm-3 "> <h4 class="input-meas"> <br>Current Password </h4> <br> <input class="input-meas-settings form-control" type="password" value="" > </div> <div class=" box-meas box-header btsettings col-xs-12 col-sm-3 "> <h4 class="input-meas"> <br>New Password </h4> <br> <input class="input-meas-settings form-control" type="password" value="" > </div> <div class=" box-meas box-header btsettings col-xs-12 col-sm-3 "> <h4 class="input-meas"> <br>Confirm Password </h4> <br> <input class="input-meas-settings form-control" type="password" value="" > </div> </div> <div class="clearfix"> </div> </div> </div> </section> controller da página var apphkl = angular.module('apphkl', []); apphkl.controller('UsersController', ['$scope', function ($scope){ $scope.title = 'User Setup'; }]); Resultado
  14. Bom, tenho meu codigo de cronometrar né até zerar as horas ... só que me deparei com um problema enorme... em meu dispositivo celular ele marca menos tempo que em meu computador, o que quer dizer que se alguém talvez mudar a data ira ter maior tempo... então gostaria de saber como consertar o problema do tempo em consideração só de dispositivo para dispositivo... ou sejá todos marcarem o mesmo tempo sempre... A verificação que tenho é esta: if(new Date().getTime() >= mydata["time"]){ location.reload(); return; } E estou aplicando visivelmente ele em um interval com a redução de mydata["time"] por new Date().getTime();... Tanto em função quanto no cronometro ocorre tal problema ... se o dispositivo tiver atrasado/adiantado um ira atualizar primeiro que o outro... gostaria de uma maneira de fixar sempre todos ao mesmo horario... Obs: não é uma coisa tão avançada então simplesmente não precisa ser algo ultra seguro... até por que é só para uso local sem intenções de segurança definitiva...
  15. Olá , to fazendo um Duolingo so pra treinar DOM, cheguei numa parte onde eu tenho que montar as frases , mas quando eu clico na palavra ela simplesmente substitui a a outra que tava escrito, e eu queria fazer ela ficar na frente um do outro ACREDITO QUE NAO PRECISE DO CSS <!DOCTYPE html> <html> <head> <title>Fakelingo</title> <link rel="stylesheet" href="App.css"> <link href="https://fonts.googleapis.com/css?family=Merriweather|Open+Sans&display=swap" rel="stylesheet"> </head> <body> <div class="bar"></div> <a href="" class="X">X</a> <div class="questions"> <h3>Write the phrases in portuguese</h3> <p>Where is the bus station ?</p> <p class="text">Put in order to form a sentence </p> <br> <section class="buttons"> <a href="#" class="First">Estação</a> <a href="#" class="Second">Ônibus</a> <a href="#" class="Third">Onde é</a> <a href="#" class="Four">a</a> </section> </div> <script> var text = document.querySelector('.text') ; var btn1 = document.querySelector('.First'); var btn2 = document.querySelector('.Second'); var btn3 = document.querySelector('.Third'); var btn4 = document.querySelector('.Four') btn1.onclick = function() { text.innerHTML = 'Estação'; } btn2.onclick = function() { text.innerHTML = 'Ônibus'; } btn3.onclick = function() { text.innerHTML = 'Onde é'; } btn4.onclick = function() { text.innerHTML = 'a'; } </script> </body> </html>
  16. ola. Tudo bem? Então com o seguinte, estou com um projeto pessoal, que verifica se um arquivo(img .png) existem em um determinado diretório, se existe ele deveria me retornar o link desse arquivo para que eu possa abir o mesmo, porém quando vou executar o comando ele me da que a variável esta undefined; a variável de erro é a src; teoricamente o algorítimo deveria fazer o seguinte: ao apertar no botão ele automaticamente deve abrir um modal com uma imagem, no value do botão existe o nome da pasta referente a imagem. então no js eu pego esse value, e passo junto com a variável src(vazia) em uma função onde ela vai verificar se a pasta com as imagens existe, se sim, ela deveria salvar na variável src o link da primeira imagem, porém nao faz isso. já tentei com retorn também e não deu em nada na imagem a baixo eu coloco um alart para me mostra qual o valor dela; segue o html/js referente somente ao erro; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <!-- Botão para acionar modal --> <button type="button" name="manual" value="WIFI" class="btn btn-primary" data-toggle="modal" onclick="iniciar(this.value);" data-target="#modalExemplo"> Abrir modal de demonstração </button> <!-- Modal --> <div class="modal fade" id="modalExemplo" 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">&times;</span> </button> </div> <div class="modal-body"> <img id="image" class="img-fluid"> <input type="hidden" value="0" id="QManual"> <input type="hidden" value="0" id="Qimg"> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" onclick="anterior();"><<</button> <button type="button" class="btn btn-primary" onclick="proxima();">>></button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> function iniciar(manual) { var src; verificarI(manual, src); document.getElementById('image').src = src; alert(src); document.getElementById('QManual').value = manual; document.getElementById("Qimg").value = 1; } function verificarI(manual, src){ var caminho = new Image(); caminho.src = "img/"+manual+"/"+1+".png"; caminho.onload = function() { src = "img/"+manual+"/"+1+".png"; } caminho.onerror = function() { alert("Manual Não Localizado: "+manual+"."); } }
  17. var dataAtual = new Date(); var dia = dataAtual.getDate(); var diaSemana = getDiaExtenso(dataAtual.getDay()); var mes = getMesExtenso(data.getMonth()); var ano = dataAtual.getYear(); var hora = dataAtual.getHours(); var minuto = dataAtual.getMinutes(); var segundo = dataAtual.getSeconds(); Como usar os objetos que estou capturando acima para ter o último dia do ano no formato (MM/DD/AAAA), estou tentando fazer que o JS me retorno quantos meses ainda restam para terminar o ano.
  18. Bom, estou fazendo um sisteminha aqui porém a estrutura da json que peguei da internet de emojis, ele não define o codigo ou emoji antes de tudo, já procurei muito para ver se achava algo eficaz porém não achei (Queria ver se tem um jeito diferente além da utilização do for(key in value) ... pois são 3835 emojis na json, ele entrega da maneira de ordem numerica e eu preciso procurar através da parte "codes" ou "char" A lista da json seria exatamente isto: O que eu gostaria de fazer é pesquisar a char através do codes e o codes através da char... não quero utilizar o for por talvez demorar a dar resposta... ou gerar lentidão, queria algo mais simples de puxar para evitar tanto problema e linhas de mais... Alguém sabe o que daria para fazer? (Até por que se der para fazer através disso daria para facilmente substituir através da função replace)
  19. Ó Mestres da programação, estou começando nesta arte e gostaria que me ajudassem com algo. Minha ideia é que quando eu clicasse em uma div, somaria 1 ao total Podem me ajudar com meu código e se possível, com a linha de raciocínio para tal desenvolvimento? <!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>tentativas</title> <style> div#adicionar{ background-color: rgb(28, 172, 59); color: blanchedalmond; width: 100px; } </style> </head> <body> <div id="adicionar" onclick="adc()"><stroke>Clique para adicionar 1 ao carrinho</stroke></div> <P>Quantidade de produtos:</P> <script> function adc(){ var m1 = document.getElementById("adicionar") total = +1 } var total = 0 document.write(total) </script> </body> </html>
  20. Meus caros, estou começando a criar códigos em javascript, e não consigo entender o porque esse comando break não esta funcionando nessa página! Me ajudem... <script> var numaleatorio = Math.round(Math.random()*100); var numtentativa = 1; while(numtentativa<=3){ var chute = prompt("Qual numero voce acha que é?"); numtentativa++ } if (chute == numaleatorio){ alert("ACERTO MIZERAVI!!"); break; }else { alert("ERROU FEIO, ERROU RUDE"); } </script>
  21. Olá, bom dia Sou iniciante em programação, escrevi apenas algumas linhas de códigos em Python e Java, porém, me interessei em Javascript e gostaria de saber, para fazer curso de Javascript seria bom fazer antes um de lógica de programação ou posso ir direto para a linguagem? Obrigado.
  22. Fala galera, comecei a estudar JavaScript e fiz esse pequeno site. O problema dele é que ele coloca na tela Brasileiro independente do que eu bote na caixa de texto.Poderiam me mostrar onde errei? <!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>Check Br</title> </head> <style> body{ background-color: greenyellow; color: blue; } </style> <body> <h1>Check Br </h1> Digite seu país: <input type="text" name="pais" id="pais"> <input type="button" value="Check" onclick="check()"> <div id="res"> <script> function check(){ var pais = document.getElementById('pais') var res = document.querySelector('div#res') if(pais != 'Brasil'){ res.innerHTML = 'Você é Estrangeiro' }else{ res.innerHTML = 'Você é Brasileiro' } } </script> </body> </html>
  23. como faço uma função de carrega a pagina enquanto ta passando para so innicia algo quando carrega
  24. Sou iniciante ainda em php e javascript, queria pegar um valor de uma variavel dentro de um botão do java script que no caso iria se iniciar com 5 e cada vez que eu clicasse nesse botão iria somar mais 5 nela. Mas não sei fazer isso ja estou a mais de 1 dia procurando e não estou entendo nada, sendo assim vir pedir ajuda aqui. essa seria uma parte do codigo php que estaria exibindo valor do banco de dados no site <?php $tabela = $cont; $consulta = "SELECT * FROM $tabela"; ?> gostaria de um botao que ao clicar essa variavel tabela saisse de 5 para 10 de 10 para 15... pensei nesse botão <script> var count = 5; $('#addCount').click(function(){ count = cont +5; }); </script>
  25. Tenho dois input tipo radio , mas nao consigo desmarcar, eu quero poder marcar e desmarcar o input e tambem quando marcar um quero que o outro desmarque. Eu tentei algo mais falhei. <div class="blue"> // HTml <h2>Change Background Color</h2> <input type="radio" class="red" checked>Red <input type="radio" class="green">Green </div> <script> var re = document.querySelector('.red') var gr = document.querySelector('.green') function marcado(red) { var radio = document.querySelector('.red') radio.checked = true; } function desmarcado(green) { var radio = document.querySelector('.green') radio.checked = false }

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

×
×
  • Criar novo...

Aprenda_a_Ler_Resistores_e_Capacitores-capa-3d-newsletter.jpg

ebook grátis "Aprenda a ler resistores e capacitores", de Gabriel Torres

GRÁTIS! BAIXE AGORA MESMO!