Ir para conteúdo
drx

Recuperar dados

Recommended Posts

Olá Pessoal !!!

Como que eu faço para recuperar via jquery, o valor de um input  em uma outra página.php?
Eu tenho um formulário com uma combo e os códigos dos produtos. Ao selecionar um dos códigos dos produto, então dentro de uma div, ele carrega as informações do produtos os quais busco no banco de dados e organizo dentro de uma tabela html. Ao carregar esses dados via loop, então ele cria o campo input "Definir a Largura da Porta:" mostrado logo  abaixo. Assim que o usuário seleciona o produto e define a largura, então envia para o carrinho de compras.

O que eu não estou conseguindo capturar:  o valor desse input digitado pelo usuário e enviá-lo para o carrinho. Alguém pode me ajudar?
Desde já agradeço.


Esse código está dentro do arquivo mostra_itens.php, que por sua vez é carregado dentro do formulário produtos.php

Vou passar o algoritmo ( passo a passo) para esclarecer melhor:

 

 

(parte do código)

 

arquivo: produto.php

 

Aquí eu seleciono o valor código do produto através de uma combo.

 

<form method="POST" action="" id="f_res">
 
             <select name="cbo_uds" size="1" id="cbo_uds">
               <option value="0" selected="selected">Selecione o ítem...</option>
               <option value="VP-01">VP-01</option>
               <option value="VP-02">VP-02</option>
               <option value="VP-03">VP-03</option>
             </select>
             

</form>

 

 

 

 

 

 

arquivo: mostra_item.php   

* Só lembrando que este arquivo retorna os dados dentro da página:   produtos.php

 

<body>

<form method="POST" action="" id="enviar_para_carrinho">

 

<!-- criando uma tabela html...-->

<table  id="t_pics"width="1100" height="400" border="0" align="center">
  
<?php 

if(isset($_POST['cbo_uds'])){  
 

//Conecta o banco de dados e traz as informações dos produtos...
include("conexao.php");
$pdo=conectar();          
    try{     

 

$item = $_POST['cbo_uds'];    //recuperando o item selecionado na combo...
$codigo=$item;

 

//Buscando dados...

$sql=$pdo->prepare("SELECT * FROM produtos WHERE codigo = :codigo");   
$sql->bindParam(':codigo', $_GET['codigo'], PDO::PARAM_STR);
$sql->execute(array('codigo' => $codigo));
  
    while($linha=$sql->fetch(PDO::FETCH_ASSOC)){
          $id=$linha["id"];                                                                                      
          $codigo=$linha["codigo"];
          $imgpath=$linha["imgpath"];
          $img="<img src='img/vpjs/". $imgpath ."'";          
          $cor=$linha["cor"];
          $aplicacao=$linha["aplicacao"];    
          $unit=$linha["unit"];    
         }


  echo '<tr>';
    echo'<td colspan="2" rowspan="8" id="q1">'. $img . '</td>';
    echo '<td height=45"></td>'; 
  echo '</tr>';

  echo '<tr>';
   echo '<td height=45">' ." Código: ". $codigo . '</td>'; 
  echo '</tr>';
  
  echo '<tr>';
   echo '<td height="45">' . "Cor: " . $cor . '</td>'; 
  echo '</tr>';
  
   echo '<tr>';
    echo '<td height="45">' . "Valor: " . $unit . '</td>'; 
   echo '</tr>';
  
   echo '<tr>';
    echo '<td width="500" height="48">' . "Aplicação: ". $aplicacao . '</td>';
   echo '</tr>';

   echo '<tr>';
    echo '<td height="45">'."Definir a Largura da Porta: ".'<input type="text" name="deflarg" id="deflarg" size="5" maxlength="5"/>'. " cm".'</td>';  
   echo '</tr>';
  
   echo '<tr>';
   //echo '<td height="45">' . '<input type="submit" name="comprar" value="COMPRAR"/>'.'</td>';
   //echo '<td height="45">' . '<a href="carrinho.php?acao=add&id='.$linha["id"].'">Comprar</a>'.'</td>';

   echo'<td height="45">' . '<a href="carrinho.php?acao=add&id='.$id.'">
        <img src="img/comprar-1.png" id="add_car" height="70" width="200" align="center" title="Adicionar ao Carrinho"></a>'.'</td>';
   echo '</tr>';
  
   echo '<tr>';
     echo '<td height="45"></td>'; 
   echo '</tr>';
             
//fechando a conexão      
 $pdo = null;
 }
catch(PDOExcception $erro)
 {
echo $erro->getmessage();
 }  
}
?>                             
   </tr>                           
</table> 

</form>   

</body>

 

O objetivo agora é enviar o valor da largura da porta para o carrinho. O carrinho está funcionando perfeitamente. Somente esse input que não está enviando.

Tentei até com ajax, mas não obtive êxito ainda. Está faltando alguma coisa....

Alguém pode me dar uma luz ?

 

No arquivo   mostra_item.php, estou usando esse jquery+ajax ou json... só que retorna var_dump = size 0.

 

<script type="text/javascript">
$(document).ready(function(){
$("#add_car").click(function(e){ 
        var codigo = $("#deflarg").val();
         //alert(largura);
        $.post("enviar_para_carrinho.php", {codigo:codigo},
        function(data){
         $("#deflarg").val(data.name);
           }, "json");
           //alert(largura);
       });       
    //});
});
</script>

 

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, se for o que eu estou imaginando, sem saber está exibindo algum erro no seu código, é o seguinte:

Esse código aqui, tem que ficar dentro do código principal que faz essa tabela aparecer. 

$("#add_car").click(function(e){ // aqui tem que ficar dentro do success ajax onde retorna a tabela 
        var codigo = $("#deflarg").val();
         //alert(largura);
        $.post("enviar_para_carrinho.php", {codigo:codigo},
        function(data){
         $("#deflarg").val(data.name);
           }, "json");
           //alert(largura);
       });       
    //});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Conteúdo Similar

    • Por Erilton
      Olá pessoal!
      Não tenho ideia de como começar a função para fazer o efeito abaixo:
       
      https://www.google.com/about/datacenters/inside/streetview/
       
      Perceba que ele rotaciona a imagem em 360... ao passar o mouse sobre o iframe ele "inativa" e ao tirar o mouse volta a rotacionar.
      O iframe é vem do próprio Google Street View, como exemplo abaixo:
       
      <iframe src="https://www.google.com/maps/embed?pb=!1m0!4v1512855352649!6m8!1m7!1suMLibmsgdnXf2_bCctYEMw!2m2!1d35.89817758884865!2d-81.54816224270218!3f48.9!4f0!5f0.8160813932612223" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
       
       
      Dei uma fuçada na biblioteca do Jquery e não encontrei algo que possa usar para fazer o mesmo efeito do link acima.
       
       
      Alguém já preciso de algo ou tem uma luz para o caminho que devo seguir?
       
      Obrigado!
    • Por robertoPedro
      Gostaria muito de fazer uma barra de porcentagem no meu sistema, mas não encontrei algum exemplo. Alquém sabe uma maneira fácil de fazer?
      Se não for muito abuso, teria como fazer uma barra circular tipo a da foto:

    • Por Wheryson Estevam
      eu tenho uma função que basicamente copia oq está em um campo no outro, mas precisava criar um checkbox pra executar ela, ou seja, se o usuario quiser executar ele clica e ela copia, caso não ele deixa desmarcado e ela não faz nada
      $(document).ready(function() {
          $('#rua').keyup(function(e) {
              var txtVal = $(this).val();
              $('#rua1').val(txtVal);
          });
          
          $('#rua1').keyup(function(e) {
              var txtVal = $(this).val();
              $('#rua').val(txtVal);
          });
      });
      essa é a função, se precisar coloco o código aqui
    • Por DinhoPHP
      Olá! Imagino que um tópico desse é vergonhoso, porém sou péssimo em Javascript e se fosse outra linguagem eu resolveria com loop, mas enfim. Tenho três botões que quando um é selecionado este muda seu background-color (até aí blz). Porém se eu clicar em outro o anterior permanece com o background-color alterado  até que o mesmo receba novamente o clique, substituindo assim, a classe css atual pela anterior, pois esse foi o único jeito que arrumei, mas o correto é que assim que um outro botão receba o clique, o anterior perca o seu "focus".
       
      Javascript
      function changeBgColor(element) { if(element.className === 'btn_clicado') { element.className = 'btn_desclicado'; } else if (element.className === 'btn_desclicado'){ element.className = 'btn_clicado'; } html
      <div id="procura_cliente"> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Comprar</button> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Alugar</button> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;">Lançamentos</button> </div  
    • Por Philippe Luis
      Galera gostaria de colocar um load (aqueles spiners que ficam rodando) até que minhas imagens fossem carregada por completo.
       
      Dei uma googada encontrei alguns exemplos, porem não sei como executar.
      Lembrando que coleto o nome das minhas imagens do banco de dados para colocar na no src do img.
       
       
      Um exemplo de como o carregamento deve acontecer.
       
      Obrigado ai galera.

×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: