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


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

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 833 registros

  1. ao criar a funcao javascript eu pego o valor de um input (produto) e passo pra uma variavel javascript. dentro do java script eu inicio uma sessao php e preciso passar o valor da variavel javascript para uma variavel php. Resumindo: como podem ver no codigo abixo eu preciso fazer a variavel php vProduto ter o mesmo conteúdo que a variavel javascript vCodPro function ValorItem() { var vCodPro = parseFloat(document.getElementById('produto').value); <?php $vProduto = "document.write(vCodPro)"; var_dump(vProduto); document.getElementById('idpro').value = $Par = "EM={$_SESSION['userlogin']['emCODIGO']}"; $Fil = " where emCODIGO = :EM"; ?> }
  2. Boa noite pessoal! Passei o dia hoje tentando gerar um array bidimensional dinamicamente e não to conseguindo, já testei de diversas formas mas sempre o mesmo resultado. Na verdade quero adicionar pontos a um mapa (google maps) ai preciso preencher um array com descrição, latitude e longitude. Se eu colocar ele estaitco, funciona. abaixo o exemplo: [ ['joao', -27.1473854, -48.5860981], ['pedro', -27.1473792, -48.5860866], ['jose', -27.1474019, -48.586126], ['lucas', -27.1473818, -48.5860942] ]; porém quando gero via codigo da sempre o erro undefined, ao conferir o resultado no console, parece igual ao estatico mas nao funciona. Alguém pode me dar uma ajuda? abaixo meu código: function carregaPontos() { var pontos = []; $.ajax({ method: "GET", url: "/mapa/pontosMapa/listar", success: function(response) { if (response.length > 0) { let rows = response.length; let columns = 3; // creating two-dimensional array for (let i = 0; i < rows; i++) { pontos[i] = []; for (let j = 0; j < columns; j++) { if (j === 0) { pontos[i][j] = response[i].operador; } else if (j === 1) { pontos[i][j] = parseFloat(response[i].latitude); } else if (j === 2) { pontos[i][j] = parseFloat(response[i].longitude); } } } console.log(pontos); return pontos; } }, error: function(jqXHR) { alert('Erro ' + jqXHR.status + " Não foi possível carregar os pontos!"); } }) }
  3. Jack Oliveira

    Limitar Caracteres digitado de um input

    Ola pessoal estou tentando fazer um limitado de caracteres digitado de um input para outro input Ou seja tudo que for digitado no input 1 no input 2 aceitar apenas 20 caracteres por exemplo <script> $(document).ready(function() { $(".basic-usage").stringToSlug({ setEvents: 'keyup keydown blur', getPut: '.permalink', space: '-', prefix: '', suffix: '', replace: '', AND: 'and', options: {}, callback: false }); }); //Limitar caracteres no input function LimitarInput(string = "") { string.value = string.value.substring(0,19); } </script> Input 1 Aqui o que for digitado ele mostrar no input 2. Isso ja faz só a quantidade mesmo de caracteres que não esta sendo controlado.. <input type="text" class="basic-usage" name="nome"> Input 2 Aqui no input 2 se for digitado direto ele mantém apenas os 20 Caracteres se tentar digitar mais ele não aceita... <input type="text" onkeyup="LimitarInput(this)" class="basic-usage permalink" name="slug"> Então o que eu quero é o que for digitado no input 1 no input 2 não deixa passar da quantidade permitida.. Desde já agradeço
  4. joeythai

    Listar array de imagens de um response

    Boa tarde pessoal, eu tenho um ajax em que mando buscar as imagens de um determinado item, pois bem, eu recebo essas imagens, são 3 neste caso, porém quando eu exibo essas imagens no meu slide, somente uma delas é exibida, as outras não, é um slide em que eu preencho com javascript, faço o foeach e no foreach eu aplico um console.log(imagens) ele exibe as 3 certinha, somente no slide que so aparece a primeira, alguém já criou um slide de forma dinamica no estilo que estou fazendo possa me auxiliar ? O codigo é o seguinte: <code> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="modal-body"> <div class="row"> <div class="col-1 align-middle text-center" style="margin-top: 15%;"> <a onclick="plusSlides(-1)"> <i class="fas fa-chevron-left fa-5x"></i></a> </div> <div class="slideBelongings"></div> <div class="col-1 align-middle text-center" style="margin-top: 15%;"> <a onclick="plusSlides(1)"> <i class="fas fa-chevron-right fa-5x"></i></a> </div> <div class="col-10 text-center mySlides"> <div class="numbertext">1 / 4</div> <img src="" class="img-fluid img-belongings" style="max-width: 400px;"> </div> <div class="col-10 text-center mySlides"> <div class="numbertext">2 / 4</div> <img src="" class="img-fluid img-belongings"> </div> <div class="col-10 text-center mySlides"> <div class="numbertext">3 / 4</div> <img src="" class="img-fluid img-belongings"> </div> <div class="col-10 text-center mySlides"> <div class="numbertext">4 / 4</div> <img src="" class="img-fluid img-belongings"> </div> <div class="caption-container"> <p id="caption"></p> </div> <div class="row"> <div class="col-3"> <img src="https://dummyimage.com/600x400/ccc/000&text=foto" class="img-thumbnail"> </div> <div class="col-3"> <img src="https://dummyimage.com/600x400/eee/000&text=foto" class="img-thumbnail"> </div> <div class="col-3"> <img src="https://dummyimage.com/600x400/eee/000&text=foto" class="img-thumbnail"> </div> <div class="col-3"> <img src="https://dummyimage.com/600x400/eee/000&text=foto" class="img-thumbnail"> </div> </div> </div> </div> <script> let getImages = $('#get-images'); $(getImages).click(function() { let lot = $(this).data('lot'); $.ajax({ url: "{{ route('logistic.belongings.get-images') }}", method: 'get', data: { lot: lot }, success: function(response) { images = response.contents; console.log(images) let imgBelongings = document.querySelector('.img-belongings'); let imgThumbnails = document.querySelector('.img-thumbnail'); let $slideBelongings = $('.slideBelongings'); var html = ''; images.forEach(function(image) { imgBelongings.setAttribute('src', image); imgThumbnails.setAttribute('src', image); }); //showSlides(1); // for (i = 0; i < images.length; i++) { // imgBelongings.setAttribute('src', images); // imgThumbnails.setAttribute('src', images); // } } }); }); //Slides let slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { // setTimeout(() => { // console.log('showSlides'); let i; let slides = document.getElementsByClassName("mySlides"); let imgThumbnail = document.getElementsByClassName("img-thumbnail"); let captionText = document.getElementById("caption"); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < imgThumbnail.length; i++) { imgThumbnail[i].className = imgThumbnail[i].className.replace(" active", ""); } slides[slideIndex - 1].style.display = "block"; imgThumbnail[slideIndex - 1].className += " active"; captionText.innerHTML = imgThumbnail[slideIndex - 1].alt; //}, 2000); } </script> </body> </html> </code>
  5. Rengavitp

    Ajuda para carregar e mostrar imagens

    Boa noite pessoal! Estou fazendo um projeto web com spring boot e é a primeira vez que lido com imagens. Minha idéia é salvar imagens em uma pasta e depois recuperar essa imagem e mostrar, mas o problema que estou enfrentando é o seguinte, seu eu envio para o src do projeto na pasta imagens, eu até consigo acessar as imagens, mas preciso atualizar o projeto na IDE (isso vai acontecer em produção?) eu tentei salvar em uma pasta fora do source do projeto mas ai não consigo acessar. como devo fazer? fiz várias pesquisas, mas nenhuma me ajudou. Desde já agradeço.
  6. LuizH.M

    Criar um scroll suave html

    Estou tentando criar um scroll suave mais por algum motivo não esta indo Quem puder ajudar eu agradeço MENU <div class="navigation"> <nav class="menu"> <div class="logo"> <span>Gamer Lovers</span> </div> <ul> <li><a href="index.html">Inicio</a></li> <li><a href="#quem-somos">Quem Somos</a></li> <li><a href="https://web.whatsapp.com/send?phone=*************" target="_blank">Contato</a></li> <li><a href="#">Entrar</a></li> </ul> </nav> </div> JAVASCRIPT const menuLinks = document.querySelectorAll('.menu a[href^="#"]'); function getDistanceFromTheTop(element) { const id = element.getAttribute("href"); return document.querySelector(id).offsetTop; } function scrollToSection(event) { event.preventDefault(); const distanceFromTheTop = getDistanceFromTheTop(event.target) - 90; smoothScrollTo(0, distanceFromTheTop); } menuLinks.forEach((link) => { link.addEventListener("click", scrollToSection); }); function smoothScrollTo(endX, endY, duration) { const startX = window.scrollX || window.pageXOffset; const startY = window.scrollY || window.pageYOffset; const distanceX = endX - startX; const distanceY = endY - startY; const startTime = new Date().getTime(); duration = typeof duration !== "undefined" ? duration : 400; const easeInOutQuart = (time, from, distance, duration) => { if ((time /= duration / 2) < 1) return (distance / 2) * time * time * time * time + from; return (-distance / 2) * ((time -= 2) * time * time * time - 2) + from; }; const timer = setInterval(() => { const time = new Date().getTime() - startTime; const newX = easeInOutQuart(time, startX, distanceX, duration); const newY = easeInOutQuart(time, startY, distanceY, duration); if (time >= duration) { clearInterval(timer); } window.scroll(newX, newY); }, 1000 / 60); }
  7. joao b silva

    retornar valor de banco de dados com php com ajax

    <input type="text" class="form-control" id="produto" name="produto" onblur="BuscaPr()"> Ola. eu chamo a função JS a seguir no onblur do input acima. cikiqyeu is alerts para confirmar a chamada da função. ta chamando. mas alem dos alerts nao acontece mais nada. segue a função JS e o arquivo php que é chamado no ajax: FUNSAO JS function BuscaPr(){ var buscaTexto = document.getElementById('produto').value alert(buscaTexto) alert(buscaTexto.length) $.ajax({ method: 'post', url: 'sistema/produto/buscapr.php', data: {busca: 'sim', texto: buscaTexto}, dataType: 'json', success: function(retorno){ if(retorno.qtd == 0){ alert('q = 0') $('#resbuscapro').html('<p>Não encontramos resultados para sua busca</p>'); }else{ alert('q + 0') $('#resbuscapro').html(retorno.dados); } } }); } O ARQUIVO PHP: <?php if (!session_id()): session_start(); endif; require_once('_app/Config.inc.php'); require_once('./Lib.php'); if (isset($_POST['busca']) && $_POST['busca'] == 'sim'): $textoBusca = strip_tags($_POST['texto']); $retorno = array(); $Par = "EM={$_SESSION['userlogin']['emCODIGO']}"; $Fil = " where emCODIGO = :EM and prDESCRICAO like '%{$textoBusca}%' "; $Produto = new Read; $Produto->FullRead("select * from produto {$Fil}", $Par); if ($Produto->getResult()): $retorno['qtd'] = $Produto->getRowCount(); foreach ($Produto->getResult() as $pro): extract($pro); $retorno['dados'] .= '<a href="#" id='.$prCODIGO.':'.$prVENDA.'">'. utf8_encode($prDESCRICAO).'</a>'; endforeach; endif; echo json_encode($retorno); endif; ?>
  8. Pessoal, tenho uma janela popup que vai cobrar toda a tela. <div id="personal" class="personal"> <label>Quantas pedras deseja adquirir?</label> <input type="number" name="rocks" id="rocks" required placeholder="1" max="200"> <a href="<?php echo route('client.buy.raffle',[1]); ?> "><h3>RESERVAR</h3></a> </div> onde tem [1] , no <a href preciso alterar via JavaScript para o valor colocado no input no momento do clique Será que tem jeito?
  9. Boa tarde pessoal, preciso de uma ajuda. estou a desenvolver uma aplicação e preciso criar uma função em javascript ou php para fazer uma contagem regressiva dos anos de vida útil de um equipamento. Ou seja, na hora do cadastro informo os anos de vida útil e o sistema automaticamente vai depreciando com o passar dos anos. Ex. 5 anos de vida, a cada ano ou mês que passa vai decrescendo. Quando faltar menos de 3 meses, emitir um alert para o usuário. Agradecia!
  10. Jack Oliveira

    Somar valor do Select Option

    Ola pessoal boa noite Estou montando um sistema de rifa Preciso pegar uma quantidade de número de um select option pós ser selecionado no campo input ao inserir o valor em real ele somar o total Da arrecadação e também o valor da taxa para ser publicada, ou seja esta taxa ela não sera descontado da arrecadação o valor será pela quantidade de números selecionados.. Ex: De R$0,01ate R$100,00 a taxa sera de R$7,00 De R$101,00 ate R$250,00 a taxa sera de R$17,00 De R$251,00 ate R$450,00 a taxa sera de R$27,00 E assim vai os outros valores A ideia seria isso aqui Select option <label>Quantidade de Números</label> <select name="numbers" id="quantNumbrs" style="cursor: pointer;"> <option value="">Selecionar</option> <option value="1">00 à 24</option> <option value="2">00 à 49</option> <option value="3">00 à 99</option> <option value="4">000 à 149</option> <option value="5">000 à 199</option> </select> <label>Valor de cada Números</label> <input type="text" name="number_price" id="number_price" data-mask="#.##0,00" data-mask-reverse="true" placeholder="0,00"> <label>Taxa de Publicação</label> <input type="hidden" name="raffle_create_fee" value="7,00"> <p class="text-danger">R$<span class="raffleCreateFee">7,00</span></p> <label>Valor em sua arrecadação</label> <input type="hidden" name="raffle_amount_total" value="0,00"> <p class="text-primary">R$<span class="raffleAmountTotal">0,00</span></p>
  11. luiz monteiro

    Reorganizar thumbs do preview com javascript puro

    Boa noite! Minha questão de hoje é de que o cliente quer arrastar imagem por imagem no drag an drop. Com o que com consegui na internet é possível arrastar todas em uma única vez, se arrastar novamente atualiza os thumbs pelo mais recente. Além disso, ele quer arrastar os thumbs para que o upload tenha aquela sequencia, ou seja, os thumbs tem que ter um drag para organizar na sequencia que ele precisa. A questão principal é como criar esse drag nos thumbs para organizar os mesmos e como modificar o input files para seguir essa sequencia? Agradeço desde já.
  12. joeythai

    2 eventos conflitando

    Boa tarde pessoal, Estou tendo um problema com 2 eventos aqui do javascript, eu tenho essa variável numberInstallments que representa um combo select, nesse combo tem 36 opções que representam a quantidade de parcelas, e dependendo da quantidade de parcelas que eu escolho eu imprimo um texto, exemplo: (se for menor ou igual a 11 parcelas) "Estou pagando o valor de <signalValueInstallment>" num total de 11 parcelas. Se eu alterar o valor da parcela e manter a quantidade de parcelas o texto deve permanecer, porém, o <signalValueInstallment> deve ser alterado, esta variável é alterada pelo input que tenho no formulário, nesse input tem outro evento de keyup. Está funcionando mais ou mentos, eu consigo alterar o valor do input e ele altera no texto, o problema é que só está aparecendo o texto 2 que deveria aparecer somente para parcelas superiores a 11 parcelas. Alguem sabe dizer o que está errado aí ?
  13. adonaywinn

    Sorteio javascript

    <style> :root { --width-screen: 1500px; } #body { overflow-x: hidden; } .container-teste { display: flex; width: 100%; min-height: 100%; height:auto; background-color: aquamarine; transform-style: preserve-3d; padding-top: 10em; padding-bottom: 30em; } .cube { display: flex; height: 80%; width: 100%; justify-content: center; align-items: center; padding: 2px; flex-wrap: wrap; background-color: blueviolet; border: 10px solid #000; object-fit: contain; transform: scaleX(1) scaleY(0.8) scaleZ(0.8) skew(0, 5deg) rotateX(-10deg) rotateY(-62deg) rotateZ(-6deg) translateX(calc(var(--width-screen)/ 2)) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg); } .cube-wrap { display: flex; z-index: 0; justify-content: flex-end; align-items: center; height: 100%; width: 50%; perspective: var(--width-screen); perspective-origin: 50% 50%; align-self: flex-end; } .item-cube { display: flex; height: 2em; width: 5em; background-color: black; justify-content: center; align-items: center; font-size: 1.6em; margin: 2px; font-weight: bold; box-shadow: 1px 2px 2px #050a30; background-size: cover; background-repeat: no-repeat; color: #fff; } </style> <div class="container-teste"> <div class="cube-wrap"> <div class="cube"></div> </div> <script> let itemobjt = []; for(let i = 0; i < 98; i++){ let item = Math.floor(Math.random() * 9999); itemobjt.push(item); elem = document.createElement('div'); elem.setAttribute('id', itemobjt[i]); elem.setAttribute('class', 'item-cube'); let container = document.querySelector('.cube'); container.insertBefore(elem, null); } let root = document.documentElement; let widthscreen = window.screen.width; root.style.setProperty('--width-screen', widthscreen+"px" ); </script> </div> Boa tarde, Pessoal eu tenho um painel onde nele eu tenho varias divs simbolizando um usuário, e nesse painel gostaria de gerar um sorteio entre essas divs sorteando um numero aleatória que seria o numero de alguma das div no painel e que ao correr esse processo de sorteio ela trocasse a cor da div no painel por cada numero gerado no math.random, e no final teria um botão ou uma função que parasse o sorteio ao deixando selecionado o ultimo id sorteado da div, no entanto n tenho ideia de como fazer esse efeito com Java script ou se sugerirem outra linguagem. Obs.: meu primeiro post, Grato desde ja.
  14. lumbarque_Oficial

    A Procura de Equipe

    Tô a procura de uma equipe para participar Sou programador, spriter ou músico meu nome é Gabriel , tenho 18 anos e já participei de uns grupo pequenos Sei de tudo um pouco mas a área que eu tô mais querendo botar a mão na massa atualmente é programação ~ alguém? ~
  15. Rafael Castelhano

    Criando arquivo de Imagem do canvas e submetendo no form

    Bom dia, estou quebrando a cabeça já alguns dias com um problema, estou usando a lib cropper.js para cortar e fazer pequenas edições numa imagem, e ao salvar quero adicionar a imagem editada num input file que será submetido juntamente com o form. Aparentemente a imagem e corretamente criada e carregada no input, porém no servidor (python/django) está gerando excessão informando que a imagem não é válida ou está corrompida, se eu carrego a mesma imagem gerada manualmente (exporto para disco e carrego novamente) o registro é salvo sem problemas. // Gerando a imagem e carregando no input let croppedCanvas = this.cropper.getCroppedCanvas(); let data = croppedCanvas.toDataURL(); let file = new File([data], 'foto.png',{type:"image/png", lastModified: new Date().getTime()}); let container = new DataTransfer(); container.items.add(file); this.inputTarget.files = container.files; Existe alguma configuração adicional ao criar o File? Se alguem pudar ajudar agradeço.
  16. Rafael Castelhano

    Erro ao validar imagem gerada por javascript

    Boa tarde, Estou tentando criar uma imagem dinamicamente por javascript e carregá-la no input do formulário, apesar da imagem ser gerada corretamente, ao validar o formulário no python é retornado um erro alegando que o arquivo de imagem é inválido ou está corrompido. Segue gist com o código: https://gist.github.com/castelhano/bd72947e13421606453798bbf219cc74
  17. Claudia França

    Criar evento antes de carregar pagina.

    Pesosal tenho uma página de downlods e preciso que antes da página carregar, seja verificado se o o usuário está logado, se não ele é redirecionado para pagina de login. O sistema está em Wordpress. Alguém tem algum exemplo desse escript por gentleza. ?
  18. Akirasolo

    Estou com erro no botão de input

    Estou fazendo um curso de java, e encontrei esse desafio, segundo exercício que acontece esse erro no input... Não sei como fazer. será que alguém pode me ajudar com esse problema?
  19. Pessoal tudo bem ? Tenho o codigo e, preciso que quando um usuário clicar no link e a nova página carregar, não mostre o que tem na url, mas o conteudo. Pensei em um Js para criar essa máscara mas, até agora não deu certo com as funções que fiz. <div id='50' class="tab_content-pag-bnt2"> <div class="bnt-area"> <a href="https://meudomínio.net/drive/s/bK7Xq8hW6kDWXYAdUaMUf26hZabh9T" target="_blank" class="new-serverbtn-link" > <div class="new-serverbtn"> <div class="new-serverbtn-text">Acessar pasta de episódios</div> <div class="new-serverbtn-icon"><i class="fas fa-chevron-right"></i></div> </div> </a>
  20. Giovanird

    Cor da div conforme o valor do value

    Olá a todos! tenho varias divs com o mesmo ID e nome de classe. Preciso que a cor da div seja conforme uma escala de valores. Estou tentando pegar o valor pelo nome da classe, pois as divs possuem o mesmo id e não tive sucesso. Segue script: <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="29">29</div> <div class="planos" id="1" value="55">55</div> <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="63">63</div> <div class="planos" id="1" value="55">55</div> <script type="text/javascript"> var valueElement = document.getElementsByClassName('.planos').getAttribute('value'); console.log(valueElement); if (valueElement >= "70") { document.getElementsByClassName('.planos').style.backgroundColor == '#4caf50'; } else if (valueElement >= "50" && valueElement <= "69") { document.getElementsByClassName('.planos').style.backgroundColor == '#ffbc00'; } else { document.getElementsByClassName('.planos').style.backgroundColor == '#f44336'; } </script>
  21. Rengavitp

    Ajuda com passagem de parametros no javascript

    Boa noite pessoal, Estou com dificuldade em passar parametro em uma funcão, até mesmo fazendo um teste com alert(variável); está me retornando sempre o erro Uncaught SyntaxError: Invalid or unexpected token. Preciso passar um item de um json response.material e está dando esse erro, o conteúdo do obejto é '10017C7002' percebi que seu eu deixar apenas até o primeiro número 7 ele funciona, porém ao colocar a letra 'C' ele mostra o erro, Alguém pode me dar uma ajuda? Já estou um tempo nisso e não consegui encontrar a solução. Notem que troquei o objeto direto pelo conteudo e nem assim funciona, somente tirando a letra. success: function(response) { if (response.length > 0) { var tabela; for (var i = 0; i < response.length; i++) { tabela += '<tr><td>' + 'MQ ' + response[i].maquina.id + '</td><td>' + response[i].turno.id + '-' + response[i].turno.horario + '</td><td>' + response[i].operador.id + '-' + response[i].operador.nome + '</td><td>' + response[i].nro_op + '</td><td>' + response[i].pedido.pedido + '</td><td>' + response[i].material + '</td><td>' + response[i].desc_material + '</td><td>' + response[i].qt_programada + '</td><td>' + response[i].qt_produzida + '</td><td>'; tabela += '<div class="btn-group">'; tabela += '<button type="button" class="btn btn-info" onclick="mostraDados('+ "10017C7012" + ')"><i class="fa fa-eye" aria-hidden="true"></i></button>'; tabela += '<button type="button" class="btn btn-primary"><i class="fa fa-eye" aria-hidden="true"></i></button>'; tabela += '</div></td></tr>'; } $('#tabela_produzidos > tbody').append(tabela); } else { alert("Não foram encontrados registros nesta data!"); } }
  22. Estou mechendo com uma função aqui e não estou conseguindo elaborar um calculo para filtrar quais elementos serão os alvos. Basicamente serão listas, ao licar em um item de uma lista todas as demais listas mostram o mesmo resultado. Tudo bem até então... O problema está em: Ao clicar no segundo item da lista os dois próximos itens são exibidos, ao clicar por exempo no item 3 o item 2 e 4 também são exibidos e ao clicar no penúltimo item os dois itens anteriores devem ser exibidos. Sempre assim 3 itens serão exibidos ao mesmo tempo em cada lista, e sempre ignorando o primeiro e o último item de cada lista e dando destaque ao item clicado. Como o primeiro e o ultimo não vão ser ocultados digamos que o segundo é o primeiro e penúltimo é o ultimo, pois eles serão usados para navegar ao primeiro e o último. Quem quiser dar um força aqui agradeço porque não estou vendo um solução para o caso, pode ser até algo bobo que não está me vindo a cabeça. Segue o código: Na verdade a coisa é bem mais complexa que isso, mas resolvendo esse exemplo posso chegar a solução da função real, isso apresentado aqui só foi para simplificar para o fórum.
  23. Meu programa não consegue identificar o dotenv na middleware Eu estava fazendo um CRUD simples, implementei o dotenv no meu programa, está funcionando quando faço a conexão com o banco de dados e a inserção e uma função normal, mais quando vou fazer isso dentro de uma middleware ele não chama meu dotenv, só funciona quando tiro o process.env e ponho as informações direto na função de conexão. require( 'dotenv' ).config( { path: '../../.env' } ) const mysql = require( 'mysql2' ) // DESSA FORMA NÃO FUNCIONA const connection_pool = mysql.createPool( { host: process.env.DB_HOST, user: process.env.DB_USER, database: process.env.DB_DATABASE, password: process.env.DB_PASS } ) // DESSA FORMA FUNCIONA // const connection_pool = mysql.createPool( { // host: 'localhost', // user: 'carlos', // database: 'simple_crud', // password: 'pass1241' // } ) module.exports = connection_pool.promise() INSERÇÃO NO BANCO DE DADOS const db_conn = require( '../db/connection' ) const createNewClient = ( name ) => { return db_conn.execute( `INSERT INTO client ( name ) values (?)`, [ name ] ) } module.exports = { createNewClient } FAZENDO A INSERÇÃO NO MIDDLEWARE const data = require( '../data/client' ) const createClient = ( req, res, next ) => { const client = req.body.name data.createNewClient( client ) .then( () => { res.status( 200 ).json( { 'status': 'sucess', 'client': client } ) } ) .catch( ( err ) => { res.status( 404 ).json( { status: 'error', error: err } ) } ) .finally( () => { next() } ) } module.exports = { createClient } { "status": "error", "error": { "message": "Access denied for user ''@'localhost' (using password: YES)", "code": "ER_ACCESS_DENIED_ERROR", "errno": 1045, "sqlState": "28000", "sqlMessage": "Access denied for user ''@'localhost' (using password: YES)" } } Esse é o erro que obtenho quando uso o dotenv, lenbrando que as informações de login estão todas certas, e que em outra função que não seja um middleware funciona.
  24. Felipe Guedes Coutinho

    Como ler arquivo TXT com JS Puro?

    Galera, estou precisando ler 1 arquivo TXT mas não quero usar nenhum INPUT para carregar o arquivo. Eu tenho uma estrutura de pasta onde os meus arquivos TXT ficaram fisicamente e no meu código HTML + JS quero que ao alterar um SELECT OPTION, através da escolha eu validar se o arquivo com o nome selecionado existe na página e se existir eu ler ele e adicionando em um elemento qualquer, uma DIV como conteúdo ou dentro de uma TEXTAREA. Vou montar a estrutura de pasta abaixo e colocar imagens de exemplo: Estrutura de pasta projeto index.html dclgen <-- Aqui dentro tenho vários arquivos do formato TXT t1.txt t2.txt t3.txt ... t4.txt Pasta DCLGEN dentro da pasta projeto e a pasta DCLGEN junto com o arquivo HTML Ao escolher no SELECT o nome T1 quero que o JavaScript veja se o arquivo t1.txt existe e se existir quero LER o conteúdo dele e jogar em um ELEMENTO HTML. Preciso fazer isso da forma mais "SIMPLES" possível usando HTML e JavaScript. Alguém pode dar um help? Pesquisei no Google muitas opções e os códigos encontrados não me atenderam. Não quero ser obrigado a fazer um "UPLOAD" usando um INPUT do TIPO FILE, quero usar algo já dentro da pasta do projeto. <!DOCTYPE html> <html> <head> <title>Read Text File Tutorial</title> </head> <body> <input type="file" onchange="loadFile(this.files[0])"> <br> <pre id="output"></pre> <script> async function loadFile(file) { let text = await file.text(); document.getElementById('output').textContent = text; } </script> </body> </html> Código usando FileReader, mas que também está usando um INPUT como estimúlo, não é o que quero. document.getElementById('file').onchange = function(){ var file = this.files[0]; var reader = new FileReader(); reader.onload = function(progressEvent){ var fileContentArray = this.result.split(/\r\n|\n/); for(var line = 0; line < lines.length-1; line++){ console.log(line + " --> "+ lines[line]); } }; reader.readAsText(file); }; Encontrei esse código também, mas não consegui usar... Esse é o parâmetro passado na url "https://dicasdejavascript.com.br/exemplo.txt" function lerURL(URL) { var http = new XMLHttpRequest(); http.open("GET", URL, false); http.send(); console.log(http.responseText); } Espero que alguém consiga me ajudar... Desde já agradeço. Atenciosamente. Felipe Coutinho
  25. Giovanird

    Função mostra div dando scrool na tela

    Ola! Tenho uma lista de usuários e um link que abre uma div que mostra os detalhes deste usuario, este link usa o evento onClick do javascript. O problema é que quando clicado para abrir a div, a tela sobe para o inicio do topo. Preciso que a tela nao faça a rolagem para o topo e sim que fique na posição da lista. Segue meu codigo abaixo. Obrigado por momento <div class="container"> <div class="row"> <?php foreach para listar os usuários.... ?> <div class="col-10"> Nome do usuário </div> <div class="col-2"> <a href="#" onClick="Mudarestado('minhaDiv<?=$cod?>')"><img src="icons/chevron-right.svg"></a> </div> *** Parte ficará visivel ao clicar no link OnClick *** <div class="divacoes" id="minhaDiv<?=$cod?>" style="display:none"> <div class="row"> <div class="col"> ... dados dos usuarios... </div> </div> </div> *** **** <?php fim foreach que gera a lista de usuários... ?> </div> </div> <style> .divacoes { background-color: #64A338; border: none; padding: 20px; width: 97%; height: 80px; } </style> <script> function Mudarestado(el) { var display = document.getElementById(el).style.display; if (display == "none") document.getElementById(el).style.display = 'block'; else document.getElementById(el).style.display = 'none'; } </script>
×

Informação importante

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