Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

fabiodaros

[Resolvido] Javascript + table

Recommended Posts

Pessoal,

Não estou conseguindo implementar uma função. Carrega com o inicio da página ,busca e altera os dados.

 

<table class="table-bordered" style="width: 100%;font-size: 13px">
         <tr class="alert alert-info">
                <th class="text-center">COMP</th>
                <th class="text-center">LARG</th>
                <th class="text-center">ALT</th>
                <th class="text-center">CC</th>
                <th class="text-center">PESO</th>
		 </tr>
{foreach from=$PRODUTO item=P}
                <tr>             
                    <td class="text-center"><input type="text" value="{$P.pm1}" id="pm1"></td>
                    <td class="text-center"><input type="text" value="{$P.pm2}" id="pm2">{$P.pm2}</td>
                    <td class="text-center">{$P.pm3}</td>
                    <td class="text-center">{$P.cc}</td>
                    <td class="text-center"><input type="text"  id="ppeso"> AQUI NAO ESTA ENTRANDO OS DADOS</td>
                </tr>
 {/foreach}   
</table>

A ultima td PESO deve receber um input toda a vez que passa no forech pegando os dados das duas primeiras td.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
onclick="Split({$P.idproduto},{$P.volume},{$P.pvalorkilo},{$P.pvalor});

Resolvido. Passagem por parâmetro. Pego o valor de cada linha e coluna sem precisar de muito código.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Pitag346
      Olá pessoal, tudo bem? 
      Estou com uma dúvida bem bobinha... mas gostaria que me ajudassem a solucionar.
       
      Alguns sites utilizam uma forma de carregar as imagens deixando elas embaçadas/desfocadas. Até que são carregadas e elas aparecerem normalmente...
       
      Exemplo básico seria esse site: https://www.redbull.com/br-pt/athletes
       
      Sabem me explicar como isso é feito, e pra que ? Meu site usa bastante imagens, gostaria de saber se tem algum benefício ou se seria somente estética ... Obrigado! 
       
      (Não sei se isso é feito em JavaScript, acredito que sim... perdão se publiquei na área errada).
    • Por PeeWee
      Boa noite pessoal, preciso fazer com que seja carregado somente a informação dentro de uma determinada div, pois ela deve atualizar quando for alterada a informação no BD. Carregar a pagina inteira a cada 5 segundos seria ruim pois provavelmente o usuário estranharia, fiz da seguinte forma, conforme os prints.
       
      Deu certo, porém a informação foi alterada a  partir da alteração feita no banco de dados, porém, dentro da div, apareceu outra página igual, gerando duplicidade sobreposta.
      Aguardo sugestões.


    • Por sacjamm
      Tenho um sistema de busca com carregamento sob demanda com php e jquery, consigo buscar por letras corretamente, e faço o o carregamento sob demanda corretamente, o problema é que ao trocar de letra para buscar, ele carrega os dados da nova letra junto com a letra clicada anterior, nao limpa a busca antiga para carregar a nova.
       
      O site é este:
      http://meocenterweb.com.br/exames
       
      Segue meu código php:
      if (isset($_GET['action_search']) && $_GET['action_search'] == 'action_search'): header('Cache-Control: no-cache, must-revalidate'); header('Content-Type: application/json; charset=utf-8'); $type = 'exame'; $_SESSION['letras'] = $_GET['letra']; $inicio = $_POST['inicio']; $max = $_POST['max']; if (!empty($_GET['letra']) && $_GET['letra'] != 'all'): $read->ExeRead("ws_posts", "where post_type = :type and post_status = 1 and post_letra = :letra order by post_letra asc", "type={$type}&letra={$_GET['letra']}"); $resultado['resultaQuantidade'] = $read->getRowCount(); $read->ExeRead("ws_posts", "where post_type = :type and post_status = 1 and post_letra = :letra limit $inicio, $max", "type={$type}&letra={$_GET['letra']}"); if ($resultado['resultaQuantidade'] > 0): foreach ($read->getResult() as $resultados): $resultado_dados[] = $resultados; endforeach; $resultado['dados'] = $resultado_dados; else: $resultado['dados'] = null; $resultado['resultaQuantidade'] = 0; endif; echo json_encode($resultado); else: unset($_SESSION['letras']); $read->ExeRead("ws_posts", "where post_type = :type and post_status = 1 order by post_letra asc", "type={$type}"); $resultado['resultaQuantidade'] = $read->getRowCount(); $read->ExeRead("ws_posts", "where post_type = :type and post_status = 1 order by post_letra asc limit $inicio, $max", "type={$type}"); if ($resultado['resultaQuantidade'] > 0): foreach ($read->getResult() as $resultados): $resultado_dados[] = $resultados; endforeach; $resultado['dados'] = $resultado_dados; else: $resultado['dados'] = null; $resultado['resultaQuantidade'] = 0; endif; echo json_encode($resultado); endif; endif; Agora o jquery:
       
      $('tr#search-indexes').on('click', 'a.letra_click', function (e) { var res = $(this).attr('search-letra'); $(this).siblings('a').removeClass('active'); $(this).addClass('active'); e.preventDefault(); $('.load').show(); carregar(0, 5, '<?= INCLUDE_PATH; ?>/modulos/responds.php?letra=' + res + '&action_search=action_search'); $("a.carregar-mais").click(function (e) { e.preventDefault(); $('.load').show(); var inicio = $('ul#alfabeto-itens li').length; carregar(inicio, 5, '<?= INCLUDE_PATH; ?>/modulos/responds.php?letra=' + res + '&action_search=action_search'); }); }); function carregar(inicio, max, url) { var dado = {inicio: inicio, max: max}; $.ajax({ type: 'post', dataType: 'json', url: url, data:dado, beforeSend: function () { $('.load').show(); }, success: function (data) { $('.load').hide(); $('a.carregar-mais').show(); for (var j = 0; j < data.dados.length; j++) { $('.load').hide(); $('ul#alfabeto-itens').append('<li class="hg-services__item"><a href="<?= BASE; ?>/exames/' + data.dados[j].post_name + '"><span>' + data.dados[j].post_title + '</span></a></li>'); } var conta = $('ul#alfabeto-itens li').length; if (conta == data.resultaQuantidade) { $('.load').hide(); $('a.carregar-mais').hide(); } } }); }  
    • Por Igor1788
      Galera, to compartilhando um curso mega útil.
       
      Em uma página web moderna pode conter diversas imagens e muitas vezes essas nem chegam a ser vistas pelo usuário, pois o mesmo pode clicar em um link e já navegar para outro conteúdo, não é verdade? No desenvolvimento de uma aplicação web, por exemplo, acabamos carregando todas as imagens mesmo sem necessidade, o que atrapalha e muito o tempo de carregamento e aumenta o consumo de banda desnecessariamente. Existe uma técnica chamada Lazy Load que resolve exatamente esse problema, ou seja, as imagens são carregadas apenas quando aparecem na área visível do navegador.

      https://preview.ibb.co/kEwDOH/curso_lazy_load_1.png 
      https://preview.ibb.co/jOiciH/curso_lazy_load_2.png 

      Se liga aqui para ver os cursos, completos e grátis:

      https://youtu.be/86wxusfp000 
      https://youtu.be/IKznPWVgDKg 
      https://youtu.be/8JW2kH4spk0 
      https://youtu.be/NWE_2Sz7cjg 
      https://youtu.be/R3ZwASzR0m8 
      https://youtu.be/BBqD-oJTg7s
    • Por leonardo-benitez
      Boa noite,
      Preciso de um ícone/animação/texto/qualquer-coisa que me indique que algum elemento da página ainda está sendo carregado.
      Tentei usar "$(window).load" e outros recursos semelhantes, mas o problema é que eu troco troco as imagens da página toda vez que o usuário clica em um botão, algo como isso:
      <head> <title> Página zuada </title> </head> <body> <img id="imagem" src="imagem1.jpg" /> <button onclick="troca-imagem('imagem');"></button> <script> troca-imagem = function(img){ document.getElementById(img).src = 'imagem2.jpg'; } </script> Na primeira vez que a página carrega consigo implementar uma animação de loading, porém preciso que ela apareça sempre que qualquer elemento está carregando, pois as imagens que eu vou trocando são pesadas.
       
      Por favor, alguém pode fornecer alguma luz? 
       
×

Informação importante

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