Ir para conteúdo
lezão

imprimir valor e dados selecionados em outra pagina.

Recommended Posts

Boa tarde, pessoal!

Td bem com vcs?

 

Estou a procura de um JS que me de retorno dos dados selecionados na pagina anterior.

Eu escolho as minhas opções e qnd eu clicar em confirmar pedido chama outra pagina com os dados q eu selecionei mais os valor total

 

Veja o código q estou utilizando:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<style type="text/css">
    #iconApiWhatsapp{
        position: fixed;
        display: flex;
        right: 0px;
        bottom: 0px;
        z-index: 99999;        
        right: 0px;
        position: fixed;
        width: 100%;
        bottom: 0px;
        background: rgba(0,0,0,0.8);
        height: 57px;
        text-align: center;
      }
    #iconApiWhatsapp img{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        width: 150px;
        height: 57px;
        opacity: 0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
        -webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
        transition: opacity 0.5s;
    }
    #iconApiWhatsapp img:hover{
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }    
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="5" cellpadding="0">
  <tr>
    <td width="92%" align="left"><b>PORTUGUESA</b><br/>
Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano.<br/><hr /></td>
    <td width="8%" align="center" valign="top"><b>28,00</b><br/>
    <input type="checkbox" name="sabor" id="evento_value2" value="28.00">
    <input type="hidden" name="vl_sabor" value="28.00">
    </td>
  </tr>
    <tr>
    <td align="left"><b>A MODA DA CASA</b><br/>
Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano.<br/><hr /></td>
    <td align="center" valign="top"><b>28,00</b><br/>
    <input type="checkbox" name="sabor" id="evento_value2" value="28.00">
    <input type="hidden" name="vl_sabor" value="28.00"></td>
  </tr>
</table>
<br/><br/><br/>

<div id="iconApiWhatsapp" class="preco">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%" align="lef" onclick="location.href='finalizar_pedido.html'" style="cursor:pointer;">
<font size="5" color="yellow" face="aril tahoma verdana">
    Confirmar Pedido</td>
    <td width="70%" align="center">
<font size="4" color="white" face="arial"><b><span id="resultado"></span></b>  <!--Resultado da soma dos checkbox-->
 <!--Resultado Pegando   
 a Variavel - Resultado checkbox -->    
 </font>   
    </td>
    <td width="15%" align="right"><a href="javascript:window.history.go(-1)"><<Voltar</a></td>
  </tr>
</table>
</div>

<script type="text/javascript">
var total = 0;

//Chama a função com click em qualquer checkbox
$(":checkbox").click(function () {
  //Atribui o valor do input p/ variável 'valor'
  var valor = parseInt($(this).val());
  //Se o checkbox for marcado ele soma se não subtrai
  if ($(this).is(":checked")) {
    total += valor;
  } else {
    total -= valor;
  }
  //Atribui o valor ao input
  $("#evento_value").val(total);
  $("#resultado").text(formatPrice(total));
});

function formatPrice(value, currency = true) {
  var valor = parseFloat(value);
  let valorFormatado = null;
  
  if(currency) {
    //Valor com cifrão
    valorFormatado = valor.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
  }
  else {
    //Valor sem cifrão  
  valorFormatado = valor.toLocaleString('pt-BR', { minimumFractionDigits: 2});
  }

  return valorFormatado;
}  
  
</script>
</body>
</html>

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo, eu não sou nenhum especialista em javascript, mas acredito que você pode usar a propriedade query string. Nesse post tem mais detalhes de como passar parametros pela url: https://dmitripavlutin.com/parse-url-javascript/#1-url-structure

 

Veja só um exemplo: 

const url = new URL(
  'http://example.com/path/index.html?message=hello&who=world'
);

url.searchParams.get('message'); // => 'hello'
url.searchParams.get('missing'); // => null

 

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 juniormatrix
      Olá
       
      Achei esse script aqui no fórum mesmo:
       
      $.validator.addMethod( "customEmail", function (value, element) { return this.optional(element) || /^[\w-\.]+@fulano\.com\.br$/i.test(value); }, "Por favor, insira um e-mail válido com o domínio @fulano.com.br" ); $("#formulario").validate({ ignore: ".ignore", rules: { empresa: { required: true }, nome: { required: true }, contato: { required: true }, celular: { required: true }, email: { required: true, email: true, customEmail: true }, }, }); Testei e funcionou perfeitamente, mas gostaria que liberasse mais e-mails válidos, ao invés de apenas um.

      Tem como fazer? 
       
      Se alguém puder ajudar, fico muito grato.
    • Por Alessandro Bodão
      Salve galerinha, passando pra mostrar pra vocês o novo projeto de marca que a Jatobá Estúdio desenvolveu, espero que gostem.   https://www.behance.net/gallery/166555627/Fernanda-Pinheiro-Nutricionista-Esportiva
    • Por rogerblower
      Boas pessoal, estou precisando de um calendário para agenda com crud para agendamento, mas teria que ser free.
      Obrogado.
    • Por Sapinn
      Fala galera! Tenho um site que possui alguns icones que são puxados da biblioteca flaticon , o problema é que de uma hora pra outra esses icones pararam de aparecer. No meu ambiente local funciona, mas no ambiente de produção eles não aparecem e eu recebo o seguinte erro no console: Failed to load resource: the server responded with a status of 404 () 
       
      Alguém saberia como resolver isso?
    • Por mateus.andriollo
      Carrego um conteudo Ajax e junto com ele vem HTML e JS, existe um marcador que está relacionado a um elemento HTML, quando eu clico e este elemento tem um atributo exemplo data-onload="funcaoOla()" esta função tbm carregada pelo ajax deve ser executada.
       
      Dúvida como eu faço uma chama de função desta forma, seria como exec("funcaoOla")
       
×

Informação importante

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