imprimir valor e dados selecionados em outra pagina.

lezão · Novembro 25, 2020

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>

RickSilva · Dezembro 1, 2020

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