Ir para conteúdo

Gilberto Jr

Members
  • Total de itens

    1417
  • Registro em

  • Última visita

  • Dias vencidos

    1

Posts postados por Gilberto Jr


  1. Olá, boa tarde.

    Eu estou fazendo um relatório de um sistema de contagem de estoque que e o meu script sql que faz a busca é esse abaixo.

    select cont.id, cont.data,cont.barras,cont.contagem1,op.nome_operador,cli.nome_cliente,red.nome_rede,coord.nome_coordenador, cont.id_setor, cont.setor, cont.setor_finalizado from Inv_contagem cont, Inv_cabecalho cab, Inv_operador op, Inv_cliente cli, Inv_rede red, Inv_coord_grupo coord where cont.id_inventario = cab.id and cont.id_operador = op.id and cont.id_cliente = cli.id and cont.id_rede = red.id and cab.id_coord_grupo = coord.id and cab.id=9
    

    Os dados que traz do banco de dados é listado na tabela abaixo

    <table class="table table-striped text-center text-justify">
      <thead>
        <tr>
          <th scope="col">#</th>
          <th scope="col">Data</th>
          <th scope="col">Setor</th>
          <th scope="col">Operador</th>
          <th scope="col">Barras</th>
          <th scope="col">Descrição</th>
          <th scope="col">Quantidade</th>      
          <th scope="col">Finalizado</th>
        </tr>
      </thead>
      <tbody>
    <%
    while relatorio_detalhado.eof = false
    %>  
        <tr>
          <th scope="row"><%=relatorio_detalhado("id")%></th>
          <td><%=relatorio_detalhado("data")%></td>
          <td><%=relatorio_detalhado("setor")%></td>
          <td><%=relatorio_detalhado("nome_operador")%></td>
          <td><%=relatorio_detalhado("barras")%></td>
          <td>**</td>
          <td><%=relatorio_detalhado("contagem1")%></td>
          <td><% if cint(relatorio_detalhado("setor_finalizado")) = 0 then%>
                  Aberto
              <%elseif cint(relatorio_detalhado("setor_finalizado")) = 1 then%>
                  Finalizado
              <%end if%>
          </td>
        </tr>
    <%
    relatorio_detalhado.movenext
    wend
    %>    
      </tbody>
    </table>            
    

    Até ai tudo bem, o que esta pegando mesmo é o seguinte, a contagem é feito por setores. E o setor é listado na variavel setor.
    Só que eu quero dentro cada setor, fazer uma soma das peças daquele setor.

    Vou tentar explicar como eu quero que fica.

    Digamos que foi feito contagem em 3 setores. Setor 0001, 0002 e 0003

    <table class="table table-striped text-center text-justify">
      <thead>
        <tr>
          <th scope="col">#</th>
          <th scope="col">Data</th>
          <th scope="col">Setor</th>
          <th scope="col">Operador</th>
          <th scope="col">Barras</th>
          <th scope="col">Descrição</th>
          <th scope="col">Quantidade</th>      
          <th scope="col">Finalizado</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0001</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>1</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0001</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>1</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0001</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>1</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0001</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>1</td>
          <td>Finalizado</td>
        </tr>
        <tr>
            <td colspan="8">Total Setor 0001: 4</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0002</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>2</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0002</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>3</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0002</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>4</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0002</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>5</td>
          <td>Finalizado</td>
        </tr>
        <tr>
            <td colspan="8">Total Setor 0002: 14</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0003</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>2</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0003</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>3</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0003</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>1</td>
          <td>Finalizado</td>
        </tr>
        <tr>
          <th scope="row">1</th>
          <td>23/01/2020</td>
          <td>0003</td>
          <td>João</td>
          <td>7909588599360</td>
          <td>Descrição</td>
          <td>3</td>
          <td>Finalizado</td>
        </tr>
        <tr>
            <td colspan="8">Total Setor 0003: 9</td>
        </tr>    
      </tbody>
    </table>            
    

    Se tiver alguém que possa me ajudar nessa situação. Ficarei muito grato.

    Att;
    Gilberto


  2. 22 horas atrás, Marcos_imasters disse:

    @Gilberto Jr

    Beleza cara, bom solução poderia tenta usar o atributo data-target como exemplo abaixo.

     

    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    </head>
    <body>
    
    <div class="container">
      <h2>Small Modal</h2>
      <!-- Trigger the modal with a button -->
      <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Small Modal</button>
    
      <!-- Modal -->
      <div class="modal fade teste" id="myModal" role="dialog">
        <div class="modal-dialog modal-sm">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
              <p>This is a small modal.</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal2">Open Modal</button>
              <button type="button" class="btn btn-default" data-dismiss="modal" data-target="#myModal">Close</button>
            </div>
          </div>
        </div>
      </div>
      <div class="modal fade teste" id="myModal2" role="dialog">
        <div class="modal-dialog modal-sm">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
              <p>This is a small modal.</p>
            </div>
            <div class="modal-footer">
            
              <button type="button" class="btn btn-default" data-dismiss="modal" data-target="#myModal">Close</button>
            </div>
          </div>
        </div>
      </div>
      
    </div>
    
    </body>
    </html>

     

     

    Olá, boa tarde.
    Obrigado pela solução.

     

    Att;

    Gilberto Jr


  3. Olá, boa tarde.

    Tudo bem?

     

    Preciso de uma ajuda aqui.

     

    Seguinte, através desse código eu consigo ler as informações que esta dentro do arquivo txt.

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
    
        <title>FileAPI HTML5</title>
        <style type="text/css">
            #filecontents {
                border: double;
                overflow-y: scroll;
                height: 400px;
            }
        </style>
    </head>
    <body>
       Por favor selecione arquivo que será lido:<br />
        <input type="file" id="txtfiletoread" /><br />
        <div>Conteúdo do arquivo:</div>
        <div id="filecontents">
        </div>
    
        <script>
    
            window.onload = function () {
                //Check the support for the File API support
                if (window.File && window.FileReader && window.FileList && window.Blob) {
                    var fileSelected = document.getElementById('txtfiletoread');
                    fileSelected.addEventListener('change', function (e) {
                        //Set the extension for the file
                        var fileExtension = /text.*/;
                        //Get the file object
                        var fileTobeRead = fileSelected.files[0];
                        //Check of the extension match
                        if (fileTobeRead.type.match(fileExtension)) {
                            //Initialize the FileReader object to read the 2file
                            var fileReader = new FileReader();
                            fileReader.onload = function (e) {
                                var pontovirgula = ";";
                                var virgula = ",";
                                var fileContents = document.getElementById('filecontents');
                                fileContents.innerText = fileReader.result.replace(virgula, pontovirgula).replace(virgula, pontovirgula);
                            }
                            fileReader.readAsText(fileTobeRead);
                        }
                        else {
                            alert("Por favor selecione arquivo texto");
                        }
    
                    }, false);
                }
                else {
                    alert("Arquivo(s) não suportado(s)");
                }
            }
    
        </script>
    </body>
    </html>

    So que o arquivo vem separado por virgulas. Eu quero substituir todas as virgulas por ponto e virgula. Se eu usar dessa forma, ele altera a virgula para ponto e virgula da primeira linha.

        <script>
    
            window.onload = function () {
                //Check the support for the File API support
                if (window.File && window.FileReader && window.FileList && window.Blob) {
                    var fileSelected = document.getElementById('txtfiletoread');
                    fileSelected.addEventListener('change', function (e) {
                        //Set the extension for the file
                        var fileExtension = /text.*/;
                        //Get the file object
                        var fileTobeRead = fileSelected.files[0];
                        //Check of the extension match
                        if (fileTobeRead.type.match(fileExtension)) {
                            //Initialize the FileReader object to read the 2file
                            var fileReader = new FileReader();
                            fileReader.onload = function (e) {
                                var pontovirgula = ";";
                                var virgula = ",";
                                var fileContents = document.getElementById('filecontents');
                                fileContents.innerText = fileReader.result.replace(virgula, pontovirgula).replace(virgula, pontovirgula);
                            }
                            fileReader.readAsText(fileTobeRead);
                        }
                        else {
                            alert("Por favor selecione arquivo texto");
                        }
    
                    }, false);
                }
                else {
                    alert("Arquivo(s) não suportado(s)");
                }
            }
    
        </script>
    
    7909377852089;1;8380
    7909377852133,1,8380
    7909377820729,2,8380
    7909377820736,2,8380
    7909377820743,2,8380

    E também, o ultimo valor eu preciso separar os centavos por , virgula.

     

    Arquivo deve ficar dessa forma quando mostrado na pagina.

     

    7909377852089;1;83,80
    7909377852133;1;83,80
    7909377820729;2;83,80
    7909377820736;2;83,80
    7909377820743;2;83,80
     

    Ou seja, contando da direita para esquerda, as duas primeiras posições é o centavos.

     

    Se alguém puder me ajudar, ficarei muito grato.

     

    Att;

    Gilberto Jr


  4. Boa tarde;

     

    Eu estou com um probleminha aqui que eu não consegui resolver.

     

    O que eu quero, eu tenho uma pagina com 2 modal.

     

    Um modal dentro do outro.

    Exemplo: 

    Quando eu abro um MODAL, eu tenho uma botão para abrir um novo modal. Ele abre certinho, porem na hora de fechar. Eu clico no botão fechar, ele fecha os dois MODAL.

     

    E eu quero fechar somente o segundo modal que abre.

     

    Abaixo segue o meu codigo.

     

    <div class="modal fade" id="ListagemRede" 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 font-weight-bold" id="exampleModalLabel">LISTA DE REDES CADASTRADAS</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">
            <table class="table text-center">
              <thead>
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">Nome Rede</th>
                  <th scope="col">Ação</th>
                </tr>
              </thead>
              <tbody>
                <tr>            
                  <th scope="row">1</th>
                  <td>Rede 1</td>
                  <td>
                  	<i class="fa fa-pencil fa-2x" style="color:#FB8A52;" data-toggle="modal" data-target="#EditarRede<%=r("id")%>"></i>
                    
    				<!-- Modal Editar a Rede -->
                    <div class="modal fade" id="EditarRede<%=r("id")%>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog" role="document">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                              <span aria-hidden="true">×</span>
                            </button>
                          </div>
                          <div class="modal-body">
                                <form method="post" action="insere_rede.asp" id="forcadrede">
                                  <div class="form-row">
                                    <div class="form-group col-md-4">
                                    <input type="hidden" name="master" value="1" required>
                                      <label for="inputEmail4" class="font-weight-bold">*Nome Rede</label>
                                      <input type="text" name="nome" class="form-control blocochamada text-center" id="inputEmail4" placeholder="*Nome da Rede" autocomplete="off" required>
                                    </div>
                                   <div class="form-group col-md-4">
                                      <label for="inputEstado" class="font-weight-bold">*Grupo Coord.</label>
                                      <select id="inputEstado" name="coorden" class="form-control blocochamada text-center" autocomplete="off" required>
                                      <%
                                        set rscoord = conn.execute("select * from Inv_coord_grupo")
                                      %>
                                        <option selected>Escolher...</option>
                                        <%
                                            while rscoord.eof = false
                                        %>
                                        <option value="<%=rscoord("id")%>"><%=rscoord("nome_coordenador")%></option>
                                        <%
                                            rscoord.movenext
                                            wend
                                        %>
                                      </select>
                                    </div>                 
                                    <div class="form-group col-md-4">
                                      <label for="inputCEP" class="font-weight-bold">*Contrato Qtde</label>
                                      <input type="number" name="contratoqtde" class="form-control blocochamada text-center" id="inputCEP" placeholder="Contrato Qtde" autocomplete="off" required>
                                    </div>
                                  </div>
                                  <div class="form-row">
                                    <div class="form-group col-md-4">
                                      <label for="inputEmail4" class="font-weight-bold">*Valor Contrato</label>
                                      <input type="text" name="vlrcontrato" class="form-control blocochamada text-center" id="vlrContrato" placeholder="*Valor Contrato" autocomplete="off" required>
                                    </div>
                                    <div class="form-group col-md-4">
                                      <label for="inputCEP" class="font-weight-bold">*Valor Cont. Adici.</label>
                                      <input type="text" name="vlrcontadici" class="form-control blocochamada text-center" id="vlrContAdicion" placeholder="Valor Cont. Adici." autocomplete="off" required>
                                    </div>
                                    <div class="form-group col-md-4">
                                      <label for="inputEstado" class="font-weight-bold">*Status</label>
                                      <select id="inputEstado" name="status" class="form-control blocochamada text-center" autocomplete="off" required>
                                        <option selected>Escolher...</option>
                                        <option value="1">Ativo</option>
                                        <option value="0">Desativado</option>
                                      </select>
                                    </div>    
                                  </div>  
                                      <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary btnfechar" data-dismiss="modal">Fechar</button>
                                        <button type="submit" class="btn btn-primary btnsubmit">Salvar</button>
                                      </div>
                                </form>
                    
                          </div>
                        </div>
                      </div>
                    </div>
                  </td>            
                </tr>              
              </tbody>
            </table>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
          </div>
        </div>
      </div>
    </div>

    Quem puder me ajudar.

     

    Att;

    Gilberto Jr


  5. Bom dia.

     

    Eu tenho esse código abaixo que ele deve funcionar da seguinte forma. Ao clicar nesse botão com que tem o ID #inicionovacontagem o sistema tem que voltar a variavel cont para 0, e mudar o focus para o input que tem a ID #codbrra e mostrar uma mensagem no alert. E ele voltando a variavel para zero e mostrando a mensagem. Porem não esta levando o focus para o input#codbrra.

    	$("#inicionovacontagem").click(function(){
    		
    		cont = 0;
    		$("#codbrra").focus();
    		alert('Voltar Para o Campo Codigo de Barra')
    
    	});

     

    Alguém pode me da uma luz?

     

    Att;

    Gilberto Jr


  6. Bom dia.

     

    Eu tenho esse código abaixo que ele deve funcionar da seguinte forma. Ao clicar nesse botão com que tem o ID #inicionovacontagem o sistema tem que voltar a variavel cont para 0, e mudar o focus para o input que tem a ID #codbrra e mostrar uma mensagem no alert. E ele voltando a variavel para zero e mostrando a mensagem. Porem não esta levando o focus para o input#codbrra.

    	$("#inicionovacontagem").click(function(){
    		
    		cont = 0;
    		$("#codbrra").focus();
    		alert('Voltar Para o Campo Codigo de Barra')
    
    	});

     

    Alguém pode me da uma luz?

     

    Att;

    Gilberto Jr


  7. Boa noite.

    Eu fiz esse chat usando socket.io com NODE JS.

    Esta funcionando perfeito. 

     

    Porem eu queria implementar duas coisas nele.

    Queria que quando chegasse uma mensagem, aparecesse uma notificação informando o nome da pessoa que enviou, e também parte da mensagem.

     

    E também, quando chegasse uma mensagem, mudar o TITTLE do HTML pra parte da mensagem.

     

    Mas isso deve acontecer, somente no browser das pessoas que receberem a mensagem. A pessoa que enviou, não deve receber a notificação e também o nem deve mudar o TITLE da pagina HTML.

     

    Abaixo segue o código do FRONT END.

    <!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>Chat Sistema Distribuido</title>
    
        <script src="jquery.min.js"></script>
        <script src="socket.io.js"></script>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    
        <form id="chat">
    
                <input type="text" name="username" placeholder="Digite seu usuário">
                    <div class="messages"></div>
                <input type="text" name="message" placeholder="Digite sua mensagem">
                <button type="submit">Enviar</button>
    
        </form>
    
        
        <script type="text/javascript">
            var socket = io('http://localhost:3000');
    
            function renderMessage(message){
                $('.messages').append('<div class="message"><strong>'+ message.author +'</strong>:<br/>&nbsp&nbsp'+ message.message +'</div>')
            };
    
            socket.on('previousMessages', function(messages){
                for(message of messages){
                    renderMessage(message);
                };
            });
    
            socket.on('receivedMessage', function(message){
                renderMessage(message);
            });
    
            $('#chat').submit(function(event){
                event.preventDefault();
    
                var author = $('input[name=username]').val();
                var message = $('input[name=message]').val();
    
                if(author.length && message.length){
                    var messageObject = {
                        author: author,
                        message: message,
                    };
    
                    renderMessage(messageObject);
                    socket.emit('sendMessage', messageObject);
                }
            });
        </script>
    </body>
    </html>

     

    Abaixo o código da pagina server.js

    const express = require('express');
    const path = require('path');
    
    const app = express();
    const server = require('http').createServer(app);
    const io = require('socket.io')(server);
    
    app.use(express.static(path.join(__dirname, 'public')));
    app.set('views', path.join(__dirname, 'public'));
    app.engine('html', require('ejs').renderFile);
    app.set('view engine', 'html');
    
    
    app.use('/', (req, res) => {
        res.render('index.html');
    });
    
    let messages = [];
    
    io.on('connection', socket => {
        console.log(`Socket Conectado: ${socket.id}`);
    
        socket.emit('previousMessages', messages);
    
        socket.on('sendMessage', data =>{
            messages.push(data);
            socket.broadcast.emit('receivedMessage', data);
    
        });
    });
    
    server.listen(3000);

    Se alguém puder me ajudar.

     

    Obrado

    Gilberto Jr


  8. Estou fazendo a soma de dois campos input.

     

    As vezes os valores pode esta com decimal tipo 1,90.

     

    Se o numero for decimal, 1,90 e outro estiver 1,00. Quando eu faço a soma ele fica 2,9.

     

    Eu gostaria de saber como eu faço essa tratativa para ficar da foma somar 1,00+1,90 = 2,90.

     

    Com duas casas decimais.

     

    $(document).ready(function(){
        $("#outrasdispeas").blur(function(){
    		var outrades = $("#outrasdispeas").val().replace("R$ ","").replace(",",".");
    		var total = $("#valortotal").val().replace("R$ ","").replace(",",".");
    		
    		var novovalor = parseFloat(outrades.toFixed(2))+parseFloat(total.toFixed(2));
    		
    		$("#valortotal").val(novovalor);
    	});
    });

    Att;

    Gilberto Jr


  9. Boa tarde.

     

    Eu tenho esse SCRIPT ABAIXO que ele faz o seguinte. Ele pega um ARRAY de 120 cores.

     

    Como eu faço um loop, que cada vez que a pessoa errar a cor, ele perguntar se a pessoa quer jogar novamente.  Do array eu pego 10 dados aleatórios. E monto um novo ARRAY.

    O usuário informa um nome, e se o nome informado for igual ao nome que o computador escolheu, ele mostra uma mensagem.

     

    E se não for igual, o sistema perguntar se o usuário deseja jogar novamente. A tentativas deve ser 3 vezes, se nas 3 vezes ele não acertar, entoa o sistema informa que as tentativas expirou.

     

    Relato do Incidente: Cliente informa que o terminal 002, ao finalizar a venda o sistema apresenta erro.
    
    Mensagem de Erro / Alerta: Falha na captura do retorno, erro de comunicação com o MIDe
    
    Nome do solicitante: Rayana
    Telefone: (11) 4130-4787
    E-mail: HAVAIANAS.OUTLET@ALPARGATAS.COM.BR
    CNPJ:61079117029260
    Chamado: 
    Número PDV: 
    Quantidade de PDV: 
    Tipo de PDV: 
    VERSÃO LINX POS/MANAGER: 
    VERSÃO LINX ERP: 
    VERSÃO ETL: 
    VERSÃO DATASYNC: 
    VERSÃO MID-E CLIENT:

    Att;

    Gilberto Jr


  10. 18 horas atrás, gabrielms disse:

    @Gilberto Jr O problema é bem simples!

     

    Quando você utiliza o loop(for) você acabo adicionando os valores nos mesmos elementos, assim o loop vai executando e todo vez ele vai substituído o ultimo valor adicionado, até sobrar o ultimo.

     

    Para corrigir isso basta você, em vez de você adicionar os valores em um elemento já existente, você criar um elemento e adicionar o valor nele e depois você adiciona o elemento na página.

     

    Exemplo:

    
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>Teste</title>
    		<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
    		<!-- Adicionando Javascript -->
    		<script type="text/javascript" >
    			$(document).ready(function(){
    				$("#search").click(function(){
    					$.ajax({
    						type: "GET",
    						dataType: "json",
    						url: "https://jsonplaceholder.typicode.com/photos	",
    						success: function(data)
    						{
    							for (i = 0; i < 10; i++) 
    							{ //vai passar por todos os objetos dentro do array
    							console.log(1);
    								$(".container").append(`
    									<div class="row"><br/>
    										<div>${data[i]["id"]}</div><br/>
    										<div>${data[i]["albumId"]}</div><br/>
    										<div>${data[i]["title"]}</div><br/>
    										<img src="${data[i]["thumbnailUrl"]}"><br/>
    										<img src="${data[i]["url"]}"><br/>     
    									</div>
    								`);
    							}
    						}
    					});		
    				});	
    			}); // END Function, END ready
    		</script>
    	</head>
    	<body>
    	<input type="button" placeholder="Busca" id="search" value="Buscar">
    	<section>
    		<div class="container"></div>
    	</section>
    	</body>
    </html>

    OBS..: Eu modifiquei o for, porque a quantidade de elemento que ele carrega é muito grande, para evitar o lag eu coloquei um limite de 10.

    @gabrielms Deu certinho.

     

    Obrigado.

     

    Att;

    Gilberto Jr


  11. Boa tarde.

     

    Eu esto com um probleminha que eu não estou conseguindo resolver.

     

    Estou lendo um json atraves de uma webservice https://jsonplaceholder.typicode.com/photos atraves do codigo abaixo.

     

    <html>
    <head>
    <title>Teste</title>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
    
    
      <!-- Adicionando Javascript -->
    <script type="text/javascript" >
    
    $(document).ready(function(){
    	
    	$("#search").click(function(){
    				
    		$.ajax({
    		  type: "GET",
    		  dataType: "json",
    		  url: "https://jsonplaceholder.typicode.com/photos",
    		  success: function(data) {
    		
    			for (var i in data) { //vai passar por todos os objetos dentro do array
    				$("#title").text(data[i]["title"]);
    				$("#id").text(data[i]["id"]);
    				$("#albumId").text(data[i]["albumId"]);
    				$("#thumbnailUrl").attr("src",data[i]["thumbnailUrl"]);
    				$("#url").attr("src",data[i]["url"]);
    
    			}
    		
    		  }
    		});		
    		
    		
    })
    
    
    
    }); // END Function, END ready
    
        </script>
    
    </head>
    
    <body>
    
    <input type="button" placeholder="Busca" id="search" value="Buscar">
    
    <section>
        <div class="container">
            <div class="row" id="content">
            <br/>
            <div id="id"></div><br/>
            <div id="albumId"></div><br/>
            <div id="title"></div><br/>
           	<img src="" id="thumbnailUrl"><br/>
            <img src="" id="url"><br/>      
            </div>
    
        </div>
    </section>
    
    </body>
    </html>

    Eu estou até conseguindo trazer as informações. Porem vem o ultimo dado do JSON, 

     

    E eu também, tenho que mostrar todas as informações do arquivo JSON. Fazer um for para mostrar todos os dados na tela.

     

    Mas eu não estou conseguindo, poderia me ajudar?

     

    Att;

    Gilberto Jr

×

Informação importante

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