Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''javascript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 1765 registros

  1. Pessoal, Tenho uma pasta com arquivos de texto com datas e gostaria de criar uma lista automática com eles apenas usando HTML e JavaScript isso seria possível? A ideia é que o script realize a pesquise dos arquivos existente na pasta e cria-se o SELECT em HTML. Exemplo: Pasta: paginas Arquivos: - Arquivo-12-07.txt - Arquivo-13-07.txt - Arquivo-14-07.txt Resultado Esperado: <select> <option value="Arquivo-12-07.txt">Arquivo-12-07.txt</option> <option value="Arquivo-13-07.txt">Arquivo-13-07.txt</option> <option value="Arquivo-14-07.txt">Arquivo-14-07.txt</option></select>
  2. santans

    Gerador de paginas web

    Desejo saber como crio um gerador PHP de paginas html. Por exemplo quando alguém cria um perfil no meu site, o gerador criaria uma pagina no sistema a partir de uma pagina pre molde já feita. no caso seria para um e-comerce. Outro exemplo quando eu cadastro um produto e é gerada uma pagina para este tal produto. Se houver algum sistema mais simples para me indicarem fiquem a vontade. Nota: Não sou um programador experiente.
  3. Mateus Duarte

    NOTIFICAÇÃO NÃO APARECE NO CELULAR

    Estou com um problema, meu site mostra notificações apenas se for acessado pelo computador. Quando acessado pelo celular, ele pede para ativar as notificações, porem ele não mostra. Codigo da função: (function(global, factory) { "use strict"; if (typeof define === "function" && define.amd) { define(function() { return new(factory(global, global.document)) }) } else if (typeof module !== "undefined" && module.exports) { module.exports = new(factory(global, global.document)) } else { global.Push = new(factory(global, global.document)) } })(typeof window !== "undefined" ? window : this, function(w, d) { var Push = function() { var self = this, isUndefined = function(obj) { return obj === undefined }, isString = function(obj) { return String(obj) === obj }, isFunction = function(obj) { return obj && {}.toString.call(obj) === "[object Function]" }, currentId = 0, incompatibilityErrorMessage = "PushError: push.js is incompatible with browser.", hasPermission = false, notifications = {}, lastWorkerPath = null, closeNotification = function(id) { var errored = false, notification = notifications[id]; if (typeof notification !== "undefined") { if (notification.close) { notification.close() } else if (notification.cancel) { notification.cancel() } else if (w.external && w.external.msIsSiteMode) { w.external.msSiteModeClearIconOverlay() } else { errored = true; throw new Error("Unable to close notification: unknown interface") } if (!errored) { return removeNotification(id) } } return false }, addNotification = function(notification) { var id = currentId; notifications[id] = notification; currentId++; return id }, removeNotification = function(id) { var dict = {}, success = false, key; for (key in notifications) { if (notifications.hasOwnProperty(key)) { if (key != id) { dict[key] = notifications[key] } else { success = true } } } notifications = dict; return success }, createCallback = function(title, options) { var notification, wrapper, id, onClose; options = options || {}; self.lastWorkerPath = options.serviceWorker || "sw.js"; if (w.Notification) { try { notification = new w.Notification(title, { icon: isString(options.icon) || isUndefined(options.icon) ? options.icon : options.icon.x32, body: options.body, tag: options.tag, requireInteraction: options.requireInteraction }) } catch (e) { if (w.navigator) { w.navigator.serviceWorker.register(options.serviceWorker || "sw.js"); w.navigator.serviceWorker.ready.then(function(registration) { registration.showNotification(title, { body: options.body, vibrate: options.vibrate, tag: options.tag, requireInteraction: options.requireInteraction }) }) } } } else if (w.webkitNotifications) { notification = w.webkitNotifications.createNotification(options.icon, title, options.body); notification.show() } else if (navigator.mozNotification) { notification = navigator.mozNotification.createNotification(title, options.body, options.icon); notification.show() } else if (w.external && w.external.msIsSiteMode()) { w.external.msSiteModeClearIconOverlay(); w.external.msSiteModeSetIconOverlay(isString(options.icon) || isUndefined(options.icon) ? options.icon : options.icon.x16, title); w.external.msSiteModeActivate(); notification = {} } else { throw new Error("Unable to create notification: unknown interface") } id = addNotification(notification); wrapper = { get: function() { return notification }, close: function() { closeNotification(id) } }; if (options.timeout) { setTimeout(function() { wrapper.close() }, options.timeout) } if (isFunction(options.onShow)) notification.addEventListener("show", options.onShow); if (isFunction(options.onError)) notification.addEventListener("error", options.onError); if (isFunction(options.onClick)) notification.addEventListener("click", options.onClick); onClose = function() { removeNotification(id); if (isFunction(options.onClose)) { options.onClose.call(this) } }; notification.addEventListener("close", onClose); notification.addEventListener("cancel", onClose); return wrapper }, Permission = { DEFAULT: "default", GRANTED: "granted", DENIED: "denied" }, Permissions = [Permission.GRANTED, Permission.DEFAULT, Permission.DENIED]; self.Permission = Permission; self.Permission.request = function(onGranted, onDenied) { if (!self.isSupported) { throw new Error(incompatibilityErrorMessage) } callback = function(result) { switch (result) { case self.Permission.GRANTED: hasPermission = true; if (onGranted) onGranted(); break; case self.Permission.DENIED: hasPermission = false; if (onDenied) onDenied(); break } }; if (w.Notification && w.Notification.requestPermission) { Notification.requestPermission(callback) } else if (w.webkitNotifications && w.webkitNotifications.checkPermission) { w.webkitNotifications.requestPermission(callback) } else { throw new Error(incompatibilityErrorMessage) } }; self.Permission.has = function() { return hasPermission }; self.Permission.get = function() { var permission; if (!self.isSupported) { throw new Error(incompatibilityErrorMessage) } if (w.Notification && w.Notification.permissionLevel) { permission = w.Notification.permissionLevel } else if (w.webkitNotifications && w.webkitNotifications.checkPermission) { permission = Permissions[w.webkitNotifications.checkPermission()] } else if (w.Notification && w.Notification.permission) { permission = w.Notification.permission } else if (navigator.mozNotification) { permission = Permissions.GRANTED } else if (w.external && w.external.msIsSiteMode() !== undefined) { permission = w.external.msIsSiteMode() ? Permission.GRANTED : Permission.DEFAULT } else { throw new Error(incompatibilityErrorMessage) } return permission }; self.isSupported = function() { var isSupported = false; try { isSupported = !!(w.Notification || w.webkitNotifications || navigator.mozNotification || w.external && w.external.msIsSiteMode() !== undefined) } catch (e) {} return isSupported }(); self.create = function(title, options) { if (!self.isSupported) { throw new Error(incompatibilityErrorMessage) } if (!isString(title)) { throw new Error("PushError: Title of notification must be a string") } if (!self.Permission.has()) { return new Promise(function(resolve, reject) { self.Permission.request(function() { try { resolve(createCallback(title, options)) } catch (e) { reject(e) } }, function() { reject("Permission request declined") }) }) } else { return new Promise(function(resolve, reject) { try { resolve(createCallback(title, options)) } catch (e) { reject(e) } }) } }; self.count = function() { var count = 0, key; for (key in notifications) { count++ } return count }, self.__lastWorkerPath = function() { return self.lastWorkerPath }, self.close = function(tag) { var key; for (key in notifications) { notification = notifications[key]; if (notification.tag === tag) { return closeNotification(key) } } }; self.clear = function() { var i, success = true; for (key in notifications) { var didClose = closeNotification(key); success = success && didClose } return success } }; return Push }); Como faço para mostrar as notificações pelo celular?
  4. Como insiro uma imagem como background para uma div especifica e só para ela. Sei como o código e escrito é funciona mas nesse código que escrevi não quer funcionar de maneira alguma. css: .container{ background-image: image("imagens/inicio.jpg"); } html: <div class="container"> </div> caminho para imagem: pasta: imagens/inicio.jpg O formato da imagem é jpg a resolução dela é 1920 x 1280.
  5. juliosertori

    Soma de Campos em Repeat

    Olá boa noite galera, tenho um Repeat que incrementa Preço e Quantidade de um produto. Estou tentando fazer multiplicação do "preço" * "quantidade" de cada linha do Repeat mas ainda não encontrei uma forma de fazer isso, já que os campos são repetidos com IDS iguais. A única diferença nos campos é que se cria um Array por exemplo, name="preco[0]", assim por diante. Mas não tem um Looping para eu criar cada script para multiplicação dos campos e acredito que não seja a maneira correta. Estou fazendo assim o calculo funciona: $(document).on('keyup', 'input[id="qtdProds"]', function(){ var tr = $(this).closest('#add_item_list'); var qtde = tr.find('input[id="precoProds"]').val(); var qtde = qtde.toString().replace( "R$ ", "" ); var qtde = qtde.toString().replace( ",", "" ); var vlrunt = $(this).val(); if (qtde && vlrunt){ tr.find('input[id="totalProds"]').val(parseFloat(vlrunt) * parseFloat(qtde)); parseFloat(String('123.456').replace(/[^\d\.]/g, "")).toFixed(2); } }); O problema é que assim da "bug" logicamente, pois não está sendo feito para cada linha do repeat, e sim todos campos com mesmo nome. Alguém tem uma ideia de como posso fazer isso? Obrigado!
  6. Perroni91

    Colisão em jogo

    Não sei se esse seria o tópico certo, já que se trata de um mini joguinho. Estou aprendendo Linguagem de programação agora e me deparei com uma dúvida, já tentei de todas as formas e não consegui. No pequeno joguinho, quando a bolinha encostasse no quadrado, apareceria o alerta dizendo game over e a bolinha voltaria à posição inicial. Só consegui fazer a bolinha se mover, mas não o resto. Alguém poderia me ajudar com essa dúvida por favor? Deixarei o código para darem uma olhada. Obrigada. <canvas width="600" height="400"></canvas> <script> var tela = document.querySelector('canvas'); var pincel = tela.getContext('2d'); pincel.fillStyle = 'lightblue'; pincel.fillRect(0, 0, 600, 400); var x = 30; var y = 20; //Códigos do teclado: var esquerda = 37; var cima = 38; var direita = 39; var baixo = 40; //Taxa de incremento: var taxa = 5; var colisao = desenhaQuadrado; function desenhaQuadrado() { pincel.fillStyle = 'blue'; pincel.beginPath(); pincel.fillRect(50, 50, 50, 50); pincel.fillStroke = 'black'; pincel.strokeRect(50, 50, 50, 50); } function desenhaBolinha(x, y, raio) { pincel.fillStyle = 'black'; pincel.beginPath(); pincel.arc(x, y, raio, 0, 2 * Math.PI); pincel.fill(); } function limpaTela() { pincel.clearRect(0, 0, 600, 400); } function atualizaTela() { limpaTela(); desenhaBolinha(x, y, 10); desenhaQuadrado(); } setInterval(atualizaTela, 20); function setasDoTeclado(evento) { if(evento.keyCode == cima) { y = y - taxa; } else if (evento.keyCode == baixo) { y = y + taxa; } else if (evento.keyCode == esquerda) { x = x - taxa; } else if (evento.keyCode == direita) { x = x + taxa; } } if(desenhaBolinha == colisao) { alert('Você perdeu'); } document.onkeydown = setasDoTeclado; </script>
  7. juliosertori

    Enviar Valor Somado em Input

    Olá boa noite, procurei e não encontrei algo relacionado. Tenho um Input onde vou mostrar valores somados, e tenho outros input que tem os valores. Existe a possibilidade, de após um evento, ele mandar o valor do input de preços, a somar com o valor já existente ao input de total de valores?
  8. Olá pessoal. Eu estou a procura de alguma ferramenta que possibilite fazer teste sincronizados entre Desktop, Tablet e celular enquanto altero o código, seja html, css ou JS, para ver como esta o responsivo. Em meio as minhas pesquisas encontrei dois que diz ser muito usados, Ghostlab e Selenium, mas ambos estão com seus sites fora do ar, logo, não é possível baixa-los. Então é isso, se alguém conhecer algo assim e que for de preferência grátis :) ficarei agradecido.
  9. juliosertori

    [Resolvido] Pegar Chave de Array em Listagem Repeat

    Olá boa tarde, eu tenho uma listagem que utilizo com JQuery Repeat, e fora ela adiciono novas linhas através de código de barras que o cliente digita, até ai tudo bem, está funcionando perfeitamente essa parte. Consigo adicionar novas linhas no Repeat tanto pelo próprio Repeat, quanto por um Append externo. O problema está no Array que é criado para enviar o POST. Criando por exemplo quando adiciono nova linha pelo Repeat: <input type="text" value="0" name="produtos_pdv[0][qtd]" class="form-control" /> E então ao adicionar novas linhas pelo Repeat, ele adiciona com "produtos_pdv[1][qtd]". Mas pelo outro Append, não consigo seguir a mesma ordem do Repeat, então fica bagunçado o Array, tentei utilizar o ID do produto como CHAVE, mas ai o Array se desvincula. Como posso pegar a ultima chave desse Array que está criando "produtos_pdv" para continuar seguindo a ordem no meu Append? Obrigado!
  10. PedroNunes

    Animação de carregamento ao enviar formulário

    Coloquei o plugin [Pace Master](http://github.hubspot.com/pace/docs/welcome/) em minha página que faz uma barra carregar na parte superior enquanto a página esta carregando, como a do YouTube, entretanto, quero fazer com que essa mesma barra carregue ao enviar o formulário que contém na página, caso ele esteja devidamente preenchido. Ja vi isso em uma infinidade de sites, e parece ser bem simples mas não tenho muito conhecimento em JavaScript ainda, por isso das formas que tentei não funcionou. Tentei chamar a função do loading com onclick mas não funcionou, estava querendo que funcionasse no mínimo sem verificar se o form esta preenchido pois o principal seria que o usuário tivesse um feedback quando clicasse em enviar o form. -HTML COM PARTE DO FORM- <label for="questao5">5. Se possível, liste alguns sites que você gosta, incluindo as URLs.</label> <textarea name="questao5" id="questao5" required></textarea> <button class="btn" id="enviar" name="enviar" type="submit">Enviar</button> <label for="questao5">5. Se possível, liste alguns sites que você gosta, incluindo as URLs.</label> <textarea name="questao5" id="questao5" required></textarea> <button class="btn" id="enviar" name="enviar" type="submit">Enviar</button> -CSS DO PLUGIN- .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #8BB006; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } -JavaScript do plugin-Link GitHub -JavaScript do formulário- $('.formphp').on('submit', function() { var emailContato = "contato@tenshitech.com.br"; // Escreva aqui o seu e-mail var that = $(this), url = that.attr('action'), type = that.attr('method'), data = {}; that.find('[name]').each(function(index, value) { var that = $(this), name = that.attr('name'), value = that.val(); data[name] = value; }); $.ajax({ url: url, type: type, data: data, success: function(response) { if( $('[name="leaveblank"]').val().length != 0 ) { $('.formphp').html("<div id='form-erro'></div>"); $('#form-erro').html("<span>Falha no envio!</span><p>Você pode tentar novamente, ou enviar direto para o e-mail " + emailContato + " </p>") .hide() .fadeIn(1500, function() { $('#form-erro'); }); } else { $('.formphp').html("<div id='form-send'></div>"); $('#form-send').html("<span>Mensagem enviada!</span><p>Em breve eu entro em contato com você. Abraços.</p>") .hide() .fadeIn(1500, function() { $('#form-send'); }); }; }, error: function(response) { $('.formphp').html("<div id='form-erro'></div>"); $('#form-erro').html("<span>Falha no envio!</span><p>Você pode tentar novamente, ou enviar direto para o e-mail " + emailContato + " </p>") .hide() .fadeIn(1500, function() { $('#form-erro'); }); } }); return false; });
  11. Bom dia Pessoal, Estava precisando de uma ajudinha, eu estou fazendo uma validação via ajax utilizando a biblioteca jquery no meu sistema e estou tentando cancelar o evento submit, se caso a consulta me retornar erro. $('#endcep').keyup(function() { var tamanho = $('#endcep').val().length; var valor = $('#endcep').val(); if(tamanho == 9){ var valor = $('#endcep').val(); $.ajax({ type: 'POST', url: 'https://api.postmon.com.br/v1/cep/'+valor, contentType: 'application/json', dataType:'jsonp', responseType:'application/json', xhrFields: { withCredentials: false }, headers: { 'Access-Control-Allow-Credentials' : true, 'Access-Control-Allow-Origin':'*', 'Access-Control-Allow-Methods':'GET', 'Access-Control-Allow-Headers':'application/json', }, success: function(data) { $('#cidade').val(data['cidade']); $('#UF').val(data['estado']); } }); $(document).ajaxError(function(){ $('#Salvar').submit( function(event){ event.preventDefault(); // nestá linha estou cancelando o evento de submit, mas não funciona, o submit continua }); }); } Alguém poderia me dar uma força?
  12. juliosertori

    SetInterval() só executa uma vez!

    Boa tarde galera, estou fazendo um sistema de inserção de produtos utilizando código de barras, e estou utilizando "append" para dizer que o produto não foi encontrado, e estou utilizando a função de Setinterval para sumir com essa DIV que diz que o produto não foi encontrado. O problema é que a DIV "some" apenas na primeira vez, depois que insiro um novo código errado, a div não some com o setinterval, existe alguma forma de ela sempre ser executada? O interval está assim: setInterval(function () { $('#prod_nao_encontrado').fadeOut(1000); }, 3000); Obrigado!
  13. Boa tarde galera, tenho um formulário na qual utilizo o Repeat do JQuery, e utilizo a Mask de Preço no campo de Preço. Porém, a mascara só é "carregada" na linha que já vem preenchida na página, ou seja a primeira, as linhas seguintes quando clico para adicionar mais produtos, a mascara não funciona, isso aconteceu também com o campo do Select na qual utilizo o Select2. E encontrei uma solução utilizando: $("#repeater-button").click(function(){ setTimeout(function(){ $(".select2").select2({ placeholder: "Selecione", allowClear: true }); }, 100); }); Alguém teria uma ideia baseada nesse script de como fazer para a mascara também funcionar nos campos seguintes? Obrigado
  14. Vitor Pereira dos Santos

    Enviar resultado de uma função no botão submit do form

    Salve galera, Estou com um problema e queria a ajuda de vocês!! Sou leigo em javascript, se puderem mandar uma resposta simples seria o ideal. O problema é o seguinte: Tenho um formulário em uma página HTML normal, <form action="http://localhost/confRele?"> Modulo: <input type="text" name="a"> Tecnum: <input type="text" name="b"> Gateway: <input type="text" name="c"> LocalIP: <input type="text" name="d"> Mascara: <input type="text" name="e"> <input type="submit" value="Enviar" onclick="junta();"> </form> Quando eu clico no botão submit, ele enviar estes dados do formulário para a página do action, certo? como não estou identificando o método de envio, ele automaticamente envia como GET. Na página que irá receber os dados, a URL ficará da seguinte forma: http://localhost/confRele?a=&b=&c=&d=&e=.... O que gostaria era que ao invés de enviar cada input, eu preciso que o input envia os dados desta forma: http://localhost/confRele?x=a,b:&y=c,d,e:& Eu sei que preciso fazer uma função no javascrip, ordenar do jeito que quero e em vez do submit enviar os dados do formulário, ele tem que enviar o resultado da função, esta foi minha lógica, mas eu não consigo fazer isso, eu coloquei um javascript desta forma: <script type="text/javascript"> function junta(){ var x = document.getElementById('a').value; var y = document.getElementById('b').value; var z = x + "," + y + ":"; return z; } </script> só que não funciona, alguém poderia me dar uma solução? Abraços, Vitor Pereira
  15. Olá Pessoal Como segue na foto o script funciona no firefox....... o problema esta na select não lè cod: $('#QtdParcelas').show().append("<option value="+obj2.quantity+" label="+NumberParcelas+">"+obj2.quantity+" parcelas de "+Number2+"</option>"); Sera que pode ser: Rodapé: <script type="text/javascript" src="https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js"></script> <script src="Libraries/Javascript.min.js"></script> </body> </html> ------------------------------------------------------------------ Javascript function getParcelas(Bandeira) { PagSeguroDirectPayment.getInstallments({ amount: Amount, maxInstallmentNoInterest: 2, brand: Bandeira, success: function(response) { $.each(response.installments,function(i,obj){ $.each(obj,function(i2,obj2){ var NumberValue=obj2.installmentAmount; var Number2= "R$ "+ NumberValue.toFixed(2).replace(".",","); var NumberParcelas= NumberValue.toFixed(2); $('#QtdParcelas').show().append("<option value="+obj2.quantity+" label="+NumberParcelas+">"+obj2.quantity+" parcelas de "+Number2+"</option>"); }); }); } }); } //Pegar o valor da parcela $('#QtdParcelas').on('change',function(){ var ValueSelected = document.getElementById('QtdParcelas'); $('#ValorParcelas').val(ValueSelected.options[ValueSelected.selectedIndex].label); });
  16. Débora Izabel Duarte

    Problema com HTML, CSS e JAVA SCRIPT

    Boa Noite, preciso muito de ajuda estou fazendo este trabalho da faculdade: Questão 1: https://docs.google.com/document/d/1W6LO6F7uikLFV9t9BPt7uAOwvQ4uNJAwGBTlXMvw_Ds/edit Questão 2:https://docs.google.com/document/d/1axpdoimV8xGS2yihI7flz3Yqdh1la7sReDhbXPF9l8M/edit Até o momento consegui fazer o seguinte código: <!DOCTYPE html> <html lang="pt" dir="ltr"> <head> <meta charset="utf-8"> <title>Trabalho Laboratório Web 1</title> </head> <body> <h1>Trabalho Laboratório Web 1</h1> <form name="soma"> <div> <label for="n">Nome</label> <input type="text" name="n" id="n"/> <input type="submit" name="somar" value="Adicionar" /> </div> <br> <div> <label for="cfix" for="ccap">Produto</label> <input type="text" name="p"/> <input type="submit" name="prod" value="Adicionar" /> </div> <br> <div> <label for="cfix" for="ccap">Valor Unitário</label> <input type="number" name="valor"/> <input type="submit" name="cfix" value="Custo Fixo"/> <input type="submit" name="ccap" value="Custo Per capita"/> </div> </form> <p><h2>Nomes: <span>0</span></h2> <ul></ul> <p><h2>Produtos: <span> </span></h2> <table id="tf" border="1"> <tr> <td colspan="4"><center><b>Custo fixo</b></center></td> </tr> <tr> <td colspan="2">Produto</td> <td colspan="2">Valor</td> </tr> </table> <br> <table id="tp" border="1"> <tr> <td colspan="4"><b>Custo Per Capita</b></td> </tr> <tr> <td colspan="2">Produto</td> <td colspan="2">Valor</td> </tr> </table> <p><center><h2 style="color:red;">Valor para cada um : R$<span> </span></h2></center></p> <script> document.soma.addEventListener('submit', adicionar); var lista = document.querySelector('ul'); var qtd = document.querySelector('span'); var soma = 0; function adicionar(e) { e.preventDefault(); var novoLi = document.createElement('li'); novoLi.textContent = document.soma.n.value; lista.appendChild(novoLi); soma++; qtd.textContent = soma; document.soma.n.value = ""; } </body> </html>
  17. Olá, Tenho um programa que permite o usuário inserir um texto e salvar e logo abaixo esse texto é exibido. Como na imagem abaixo Criei um botão que permite o usuário excluir esse texto caso ele deseje mas esse botão só funciona quando crio direto no meu código html. Quando crio usando o php ele não funciona devido a inicialização do Javascript. Gostaria de saber como inicio o Javascript dentro do php. Abaixo está o trecho de código que preciso que funcione echo '<a href="javascript: if(confirm("Tem certeza que gostaria de excluir esse Insight?")) location.href="excluir_insight.php?id_insight=58";">Excluir</a>'; Não sei se consegui ser claro o suficiente. Agredeço a ajuda.
  18. salgadinhoDoce

    Botões flutuando na página que servem como âncoras

    Estou colocando botões flutuantes no meu formulário para servirem como âncoras (a página é extensa), porém não manjo muito de javascript e só consigo colocar esses botões para irem para o topo. O objetivo era quando deslizar o scroll do mouse com Unidade 1, Unidade 2 e Unidade 3, respectivamente. E ao clicar neles, irem pras suas respectivas sessões. Vejam o JS: $(document).ready(function(){ window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 1 || document.documentElement.scrollTop > 1) { document.getElementById("navegacao1").style.display = "block"; document.getElementById("navegacao2").style.display = "block"; document.getElementById("navegacao3").style.display = "block"; } else { document.getElementById("navegacao1").style.display = "none"; document.getElementById("navegacao2").style.display = "none"; document.getElementById("navegacao3").style.display = "none"; } } $(function(){ $("#navegacao1,#navegacao2,#navegacao3").click(function(){ document.body.scrollTop = 0; document.documentElement.scrollTop = 0; }); }); }); O id das tags no html para cada sessão que os botões devem redirecionar são: unidade1, unidade2 e unidade3. Link do github: https://goo.gl/hvkpZa
  19. Diego Gonçalves Teixeira

    Procuro Recomendação para fazer uma ferramenta

    [RECOMENDAÇÕES][Javascript] Fala pessoal tudo bem? vou implantar um modulo em meu sistema que precisa permitir que o usuário faça marcações em imagens ou textos e fazer comentários relacionados a essas marcações. Alguém tem uma recomendação de algum plugin ou algo do tipo que meio que já faça isso para eu poder adaptar? PS: meu sistema atual trabalha com PHP (utilizando Laravel) e Javascript
  20. Rengavitp

    Ler json de arquivo local para gerar uma mapa

    Boa noite pessoal, Estou precisando gerar um mapa com a api do google maps, achei um modelo na net e consegui adaptar para o que eu preciso, porém as coordenadas dos pontos que serão adicionados no maps estão no formato json e estático no mesmo arquivo. eu preciso fazer com que ao invés de carregar dali eu tenha um arquivo json local que é lido, assim posso gerar esse arquivo antes de abrir o mapa. Alguém pode me ajudar, sou novo com javascript e com json, não estou conseguindo sozinho, se alguém puder ajudar agradeço. abaixo segue o map.js para análise. var map; var infoWindow; //aqui que preciso mudar var markersData =[ { lat: -27.6386333, lng: -48.745, nome: "Barra", morada1:"Rua Diogo Cão, 125", morada2: "Praia da Barra", codPostal: "3830-772 Gafanha da Nazaré" }, { lat: -27.59955, lng: -48.7498167, nome: "Costa Nova", morada1:"Quinta dos Patos, n.º 2", morada2: "Praia da Costa Nova", codPostal: "3830-453 Gafanha da Encarnação" }, { lat: -27.6247167, lng: -48.7129167, nome: "Gafanha da Nazaré", morada1:"Rua dos Balneários do Complexo Desportivo", morada2: "Gafanha da Nazaré", codPostal: "3830-225 Gafanha da Nazaré" } ]; function initialize() { var mapOptions = { center: new google.maps.LatLng(40.601203,-8.668173), zoom: 9, mapTypeId: 'roadmap', }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // cria a nova Info Window com referência à variável infowindow // o conteúdo da Info Window será atribuído mais tarde infoWindow = new google.maps.InfoWindow(); // evento que fecha a infoWindow com click no mapa google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); // Chamada para a função que vai percorrer a informação // contida na variável markersData e criar os marcadores a mostrar no mapa displayMarkers(); } google.maps.event.addDomListener(window, 'load', initialize); // Esta função vai percorrer a informação contida na variável markersData // e cria os marcadores através da função createMarker function displayMarkers(){ // esta variável vai definir a área de mapa a abranger e o nível do zoom // de acordo com as posições dos marcadores var bounds = new google.maps.LatLngBounds(); // Loop que vai estruturar a informação contida em markersData // para que a função createMarker possa criar os marcadores for (var i = 0; i < markersData.length; i++){ var latlng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng); var nome = markersData[i].nome; var morada1 = markersData[i].morada1; var morada2 = markersData[i].morada2; var codPostal = markersData[i].codPostal; createMarker(latlng, nome, morada1, morada2, codPostal); // Os valores de latitude e longitude do marcador são adicionados à // variável bounds bounds.extend(latlng); } // Depois de criados todos os marcadores // a API através da sua função fitBounds vai redefinir o nível do zoom // e consequentemente a área do mapa abrangida. map.fitBounds(bounds); } // Função que cria os marcadores e define o conteúdo de cada Info Window. function createMarker(latlng, nome, morada1, morada2, codPostal){ var marker = new google.maps.Marker({ map: map, position: latlng, title: nome }); // Evento que dá instrução à API para estar alerta ao click no marcador. // Define o conteúdo e abre a Info Window. google.maps.event.addListener(marker, 'click', function() { // Variável que define a estrutura do HTML a inserir na Info Window. var iwContent = '<div id="iw_container">' + '<div class="iw_title">' + nome + '</div>' + '<div class="iw_content">' + morada1 + '<br />' + morada2 + '<br />' + codPostal + '</div></div>'; // O conteúdo da variável iwContent é inserido na Info Window. infoWindow.setContent(iwContent); // A Info Window é aberta. infoWindow.open(map, marker); }); }
  21. jpivinhema

    erro ao receber dados de localstorage

    boa tarde galera...tenho uma pagina com um button que faço a gravação de dados em locastorage... onde em outra pagina quero o retorno dos dados gravados...os dados estao retornando com esse codigo. esse script esta em outra pagina <script> for(i=1; i<=99; i++) // verifica até 99 dados registrados na localStorage { var prod = localStorage.getItem("pag" + i + ""); // verifica se há recheio nesta posição. if(prod != null) { // exibe os dados da lista dentro da div itens...esse codigo esta retornando os valores em texto document.getElementById("itens").innerHTML += localStorage.getItem("pag" + i) + " x "; //isso é um link ex: santos.html document.getElementById("itens").innerHTML += localStorage.getItem("titulo" + i) + " x "; //isso é um titulo ex: santos document.getElementById("itens").innerHTML += localStorage.getItem("tag" + i) + "<hr>"; //isso é uma tag ex: estado // eu queria que o retorno fosse em forma de uma li como esta que esta a baixo <li class="topcoat-list__item"><a href="santos.html">santos</a><br /><span style="font-size:11px;">estado</span></li> // tentei fazer dessa forma que esta a baixo mas não esta retornando os dados do DB, o que pode estar errado?? // alguem pod me ajudar por favor document.getElementById("itens").innerHTML += "<li class='topcoat-list__item'>" + "<a href='localStorage.getItem('pag' + i)'>" + "localStorage.getItem('titulo' + i)" + "</a><br /><span style='font-size:11px;'>" + "localStorage.getItem('tag' + i)" + "</span></li>"; } } </script> desde ja muito obrigado pela ajuda!!
  22. Tenho uma página que tem uma tabela, o usuário tem a opção de ordenar as linhas desta tabela com evento drag and drop. O evento funciona perfeitamente no windows, Chrome, Internet Explorer, Firefox. Quero que esta tabela funcione em dispositivo móvel para ser mais exato com Android pois vou usar internamente dentro da empresa onde trabalho e lá usa somente tablets e celulares com OS Android. Em minha tabela inseri um id sortable <tbody id="sortable" style="cursor:pointer"> e também nesta linha o script pega a linha com os valores <td class="taskSingleInLine" id="task@(Model.LoteList.ElementAt(i).NumeroLote)" data-taskid="@(Model.Genero.ElementAt(i).GeneroId)-@(i+1)"> Segue abaixo código Javscript/Ajax e o html <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script> <script> $(document).ready(function () { $("#sortable").sortable({ update: function (event, ui) { var itemIds = ""; $("#sortable").find(".taskSingleInLine").each(function () { var itemId = $(this).attr("data-taskid"); itemIds = itemIds + itemId + ","; }); $.ajax({ url: '@Url.Action("UpdateItem", "Lotes")', data: { itemIds: itemIds }, type: 'POST', success: function (data) { location.reload(); }, error: function (xhr, status, error) { } }); } }); }); </script> Html - ASP.NET MVC <div class="table-responsive"> <table class="table table-hover table-striped"> <thead> <tr> <th> @Html.DisplayNameFor(model => model.Lote.NumeroLote) </th> </tr> </thead> <tbody id="sortable" style="cursor:pointer"> @for (var i = 0; i < Model.LoteList.Count(); i++) { <tr> <td class="taskSingleInLine" id="task@(Model.LoteList.ElementAt(i).NumeroLote)" data-taskid="@(Model.Genero.ElementAt(i).GeneroId)-@(i+1)"> @Html.DisplayFor(Model => Model.LoteList.ElementAt(i).NumeroLote) </td> </tr> } </tbody> </table> </div>
  23. PeeWee

    Enviar variavel para outra pagina

    Estou tendo problemas com o envio do valor de uma variavel javascript para outra pagina, obs: manjo muito pouco de javascript. No primeiro script um datapicker permite o usuario selecionar o dia, o ID do usuário nesse momento ja está armazenado em uma variavel PHP, pois veio de uma seleção anterior. Os dois scripts devem enviar as respectivas informações (dia e ID) para a função.js através do onclick. No onclick está dessa forma: var dados = "id_cate="+document.getElementById('client').value; dados = dados+"&nome="+document.getElementById('datepicker').value; porém o valor do ID do cliente nao está chegando até aqui, exibindo undefined na url. O que estária errado??
  24. Eduardo Falcão

    Ajuda com Refatoração

    O que pode ser refatorado, apenas me mostrar o que e como pode ser refatorado nos códigos abaixo se não houver melhor ainda rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { if (err) throw err webpack(webpackConfig, function (err, stats) { spinner.stop() if (err) throw err process.stdout.write(stats.toString({ colors: true, modules: false, children: false, chunks: false, chunkModules: false }) + '\n\n') module.exports = function () { var warnings = [] for (var i = 0; i < versionRequirements.length; i++) { var mod = versionRequirements[i] if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { warnings.push(mod.name + ': ' + chalk.red(mod.currentVersion) + ' should be ' + chalk.green(mod.versionRequirement) ) } } if (warnings.length) { console.log('') console.log(chalk.yellow('To use this template, you must update following to modules:')) console.log() for (var i = 0; i < warnings.length; i++) { var warning = warnings[i] console.log(' ' + warning) } console.log() process.exit(1) } var savedBeats = JSON.parse(localStorage.getItem('savedBeats')); if (savedBeats !== null && savedBeats !== undefined) { var resultado = []; function percorrer(obj) { for (var propriedade in obj) { if (obj.hasOwnProperty(propriedade)) { if (typeof obj[propriedade] == "object") { percorrer(obj[propriedade]); } else { resultado.push(obj[propriedade]); } } } } var sincronizar = JSON.parse(localStorage.getItem('offlineBeats')); if (getters.online === true && sincronizar !== null && sincronizar !== undefined) { for (var i = 0; i < sincronizar.length; i++) { var obj = sincronizar[i]; // console.log("Indice: " + i + "\n Beats: " + obj["beats"] + "\n Date: " + obj["date"] + "\n Time: " + obj["time"]) const uid = getters.user.uid; const newBeat = { date: obj["date"], time: obj["time"], beats: obj["beats"] }; const newBeatKey = firebase.database().ref().child('beats/' + uid).push().key; firebase.database().ref('beats/' + uid + '/' + newBeatKey).set(newBeat); } localStorage.removeItem('offlineBeats') commit('setOfflineBeats', null) commit('setSincronized', true) }
  25. KaiqueLuanT

    Slieshow não acompanha o Menu responsivo

    Boa tarde a todos, peço ajuda em uma menu responsivo que fiz. Está 90% pronto, só falta o meu SlideShow acompanhar o Menu ao clicar sobre ele. O Menu desce, mais fica atras do slide show. Code Html <header> <nav> <ul> <li><a href="index">Home</a></li> <li><a href="sobre">Sobre</a></li> <li><a href="anuncio">Anuncio</a></li> <li><a href="contato">Contato</a></li> <li><a href="agende">Agende</a></li> </ul> </nav> <div class="slide"> <picture> <source media="(max-width: 480px)" srcset="../images/slide/mobile1.png"> <source media="(min-width: 480px) and (max-width: 768px)" srcset="../images/slide/tablet1.png"> <source media="(min-width: 769px)" srcset="../images/slide/desktop1.png"> <img src="../images/desktop1.png"> </picture> </div> </header> header{width:100%;float:left;} .logo{ position:absolute; width:65%; left:0; top:0; text-align:center; z-index:2; } .logo img{max-width:100%;} nav{ float:left; width:100%; background:#0e1216; font-weight:bold; font-family:verdana, sans-serif; color:#fff; } nav ul{ margin:0; padding:0; list-style: none; } nav li{ float:left; } nav li a{ text-decoration:none; color:#fff; margin-left:10px; } .slide{ float:left; width:100%; z-index: 1; } .slide img{ width:100%; } .slide picture{ width:100%; } @media only screen and (max-width: 480px){ nav{height:50px;} nav li{ background:#000; width:100%; display:none; position:relative; top:50px; height:30px; } nav li:hover{ background:#e5bb66; color:#000; } .btn-menu-mobile{ position:absolute; width:25%; right:0; top:3px; cursor:pointer; padding-right:10%; text-align:right; } .slide{ height:200px; } Agradeço a todos que tiraram um tempinho pra me ajudar e aos que nao conseguiram e aos que nao tiveram tempo
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.