Jump to content
Sign in to follow this  
Rodrigo Razzyel

exibir resultado do $post entro do formulário "value=" &#

Recommended Posts

Ajuda Urgente. não estou conseguindo fazer com que o resultado "R$", obtido no "litResultado" pareça no campo

value=" " para ser enviado ao pagseguro

algum pode me ajudar ou pelo menos me da uma luz, de como fazer .. por vavor

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calcular distancia entre cidades (mapas e rotas)</title>
    <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script>
</head>
<body>
        <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
            function CalculaDistancia() {
                $('#litResultado').html('Aguarde...');
                //Instanciar o DistanceMatrixService
                var service = new google.maps.DistanceMatrixService();
                //executar o DistanceMatrixService
                service.getDistanceMatrix(
                  {
                      //Origem
                      origins: [$("#txtOrigem").val()],
                      //Destino
                      destinations: [$("#txtDestino").val()],
                      //Modo (DRIVING | WALKING | BICYCLING)
                      travelMode: google.maps.TravelMode.DRIVING,
                      //Sistema de medida (METRIC | IMPERIAL)
                      unitSystem: google.maps.UnitSystem.METRIC
                      //Vai chamar o callback
                  }, callback);
            }
            //Tratar o retorno do DistanceMatrixService
            function callback(response, status) {
                //Verificar o Status
                if (status != google.maps.DistanceMatrixStatus.OK)
                    //Se o status não for "OK"
                    $('#litResultado').html(status);
                else {
                    //Se o status for OK
                    //Endereço de origem = response.originAddresses
                    //Endereço de destino = response.destinationAddresses
                    //Distância = response.rows[0].elements[0].distance.text
                    //Duração = response.rows[0].elements[0].duration.text
                   $('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses +
      "<br /><strong>Destino:</strong> " + response.destinationAddresses +
      "<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text +
      " <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text +
      " <br /><strong>Preço</strong>: R$ " + (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.5 + 30.00).toFixed(2).toString().split(".").join(",")
); 


                    //Atualizar o mapa
                    $("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed");
                }
            }
        </script>
        <table width="68%" cellspacing="0" cellpadding="0" border="0">
            <tbody>
                <tr>
                  <td>
                        <label for="txtOrigem"><strong>Endereço de origem</strong></label>
                        <input type="text" id="txtOrigem" class="field" style="width: 400px" />
                        <br>
                        Quem vai receber     
                        <input type="text" id="txtOrigem2" class="field" style="width: 400px" />


                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="txtDestino"><strong>Endereço de destino</strong></label>
                        <input type="text" style="width: 400px" class="field" id="txtDestino" />


                    </td>
                </tr>
                <tr>
                    <td>
                        <p>
                          <input type="button" value="Calcular distância" onclick="CalculaDistancia()" class="btnNew" />
                        </p>
                        <table width="409" border="0">
                          <tr>
                            <th width="403" scope="col"><form target="pagseguro" method="post" action="https://pagseguro.uol.com.br/checkout/checkout.jhtml">
  <input type="hidden" name="email_cobranca" value="suporte@lojamodelo.com.br">
  <input type="hidden" name="tipo" value="CP">
  <input type="hidden" name="moeda" value="BRL">


  <input type="hidden" name="item_id_1" value="12345">
  <input type="hidden" name="item_descr_1" value="Moto frete">
  <input type="hidden" name="item_quant_1" value="1">
  
  // Digite corretamente o valor calculado abaixo para confirmação
  <input type="hidden" name="item_valor_1" Value="litResultado" >
  
  
  <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/99x61-pagar-assina.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
</form>></th>
                          </tr>
                        </table>
                        <p>  </p>
                    </td>
                </tr>
            </tbody>
        </table>
        <div><span id="litResultado"> </span></div>
        <div style="padding: 10px 0 0; clear: both"></div>
</body>
</html>
Edited by Ted k'
Adicionado o BBCode

Share this post


Link to post
Share on other sites

Apenas a porção de código relevante:

var valor = (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.5 + 30.00).toFixed(2).toString().split(".").join(",");
$('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses +
"<br /><strong>Destino:</strong> " + response.destinationAddresses +
"<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text +
" <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text +
" <br /><strong>Preço</strong>: R$ " + valor
);
$("input[name='item_valor_1']").val(valor);
  • +1 1

Share this post


Link to post
Share on other sites

 

Apenas a porção de código relevante:

var valor = (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.5 + 30.00).toFixed(2).toString().split(".").join(",");
$('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses +
"<br /><strong>Destino:</strong> " + response.destinationAddresses +
"<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text +
" <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text +
" <br /><strong>Preço</strong>: R$ " + valor
);
$("input[name='item_valor_1']").val(valor);

Ola amigo, muito o brigado mesmo de certo , voce me ajudou muito agradeço de coração .. sucesso e tudo de bom para voce.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By Claudia França
      prezados como eu altero de loked para unloked do arro para não carregar o java e seguir com o procedimento. 
       
       
      ?Veja nesse link https://drive.google.com/drive/u/0/folders/1h0EbUoz3UOL8j9orWirUAPILt7cg7q-p 
      minhas imagens não estao subindindo aqui, não sei porque, acho que tenho limitação. 
       
       
    • By Claudia França
      prezados qdo removo o require colocado antes do doctype o botão desaparece como na imagem . Alguem pode me explicar porque??    dentro do setting tem apenas informações key do cliente e configurações da conta de email. 
       


    • By feasso
      Qual empresa devo colocar em minha aplicação para que o usuário consiga pagar as contas (boleto, água, luz, etc..) dele em nosso aplicativo ?
    • By Pedro_silva
      Ola eu estou tendo um problema com esse problema do jquey e ate no momento não consegui corrigir 
       
      DataTables warning: Non-table node initialisation (A). For more information about this error
    • By Omar~
      Olá.... então digamos que eu tenha a seguinte situação:
      <div>Exemplo</div> <div style="position:relative"> <div style="position:absolute; height:500px; display:none">Caixa</div> </div> ----------------------------------------- Então temos uma caxa com 500 pixels de altura e não visível. Alí onde eu coloquei um monte de traço seria um hipótese que fosse o fim da tela ou fim da rolagem de tela atual.
      Então pelo javascript eu mudo o atributo display da caixa absoluta para "block", a caixa irá aparecer.
       
      Como eu detectaria que não há mais espaço abaixo para exibir-la, mudando seu bottom para top, para que quando não houvesse espaço a baixo para exibir ao invés de mostrar abaixo ela fosse mostrada acima?
       
      Motivo:
      Eu criei esse seguinte script
      https://github.com/Spell-Master/sm-web/tree/master/scripts/SelectOption
      Que por sua vez personaliza o combobox de um select.
       
       
      Mas me veio uma questão e se a pessoa quiser colocar o select logo no final do body? A lista personalizada será mostrada fora da tela.
      Lógico ele pode manipular o CSS para correção, mas seria mais interessante se o próprio script pudesse automatizar isso.
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.