Jump to content
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>

 

 

 

Share this post


Link to post
Share on other 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

 

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

  • Similar Content

    • By zuuzu
      Olá, estou desenvolvendo uma api para download de fotos/videos/gif, eu consegui fazer tudo certinho, mas na hora de gerar um link de download aleatório ele gera sempre o mesmo, só gera um link diferente se eu reiniciar o servidor, queria que gerasse um link diferente sempre que eu reiniciasse a página, sem precisar reiniciar o servidor. Tem como alguém me ajudar com isso? *A api está sendo desenvolvida para a automatização de download de fotos/videos/gif*

    • By Carcleo
      Tenho o seguinte:   const http = require("http") const host = "localhost" const port = "80" const Config = require("./Config") const server = http.createServer() server.on('request', (request, response) => { response.writeHead(200, {"Content-Type": "text/html; charset=utf-8"}) const { headers, method, url } = request Config.has("/", Config.home) response.end() }); server.listen(port, host)   Preciso arranjar uma forma de na Classe config, obter o headers mas sem passar ele via construtor tipo   New Config (headers)   dentro de    server.on()   Tentei, na classe Config importar o http novamente mas parece que só consigo o headers dentro do server    Alguma saída?
    • By Sapinn
      A um bom tempo atrás eu encontrei um site que dava pra mudar a cor do layout. Então eu resolvi adicionar essa propriedade em um site que estou desenvolvendo, mas não sei bem como fazer isso. Eu criei uma variável no meu arquivo css pra colocar uma cor padrão para o site então eu gostaria que o usuário quando apertasse em um palheta de cores visse como o site ficaria caso ele gostasse ele apertaria em mudar cor e essa nova cor seria a padrão do site. Eu fiz algumas buscas mas não encontrei muita coisa, infelizmente. Se alguém pudesse me ajudar eu ficaria grato. Vlw
    • By stefanyprs
      //modelo.html <!DOCTYPE html> <html lang="pt-br"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Hora do dia</title>     <link rel="stylesheet" href="estilo.css"> </head> <body onload="carregar()">     <header>         <h1> Hora do dia </h1>         </h1>     </header>     <section>         <div id="msg">             msg         </div>         <div id="foto">             <img class="imagem" src="fotomanha.jpg" alt="foto do dia">         </div>     </section>     <footer>         <p>&copy; Rodapé </p>     </footer>     <script src="script.js"></script> </body> </html>   //script.js function carregar () {     var msg = window.document.getElementById('msg')     var img  = window.document.getElementsByClassName('imagem')      var data = new Date()     var hora = data.getHours()          msg.innerHTML = 'Agora são ' + hora + ' horas'          if (hora >= 0 && hora < 12){         //Bom dia         img.src = 'fotomanha.jpg'         } else if (hora >= 12 && hora < 18){         //Boa tarde         img.src = 'fototarde.jpg'      } else {         //Boa noite         img.src = 'fotonoite.jpg'     } }   //estilo.css body{     background-color: aqua;     font: normal 15pt Arial; } header{     color:rgb(255, 255, 255);     text-align: center; } section{     background: white;     border-radius: 10px;     padding: 15px;     width: 500px;     margin:auto;     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.329);      } footer{     color:white;     text-align: center;     font-style: italic;   } div{     text-align: center; } .imagem{     width: 500px;    /* largura da imagem */     height: 350px;   /*  altura da imagem  */     margin-top: 10px; /* margem do topo */ }
    • By WitherZx
      estou cursando na Rocketseat, e um dos exercícios de la é fazer um sisteminha de conversão de notas, de numérico para alfabético, eu fiz o exercício de duas formas, uma deu certo (com if's), porem quando tentei usar switch, deu erro, sempre caia em 'default', como posso resolver? ps: eu não quero ver a solução do vídeo pq lá provavelmente vai ensinar com if's, e isso eu já sei.
       
      function ConverteNota(nota) {     nota = Number(nota)     let notaA = (nota >= 9 && nota <= 10);     let notaB = (nota >= 8 && nota < 9);     let notaC = (nota >= 7 && nota < 8);     let notaD = (nota >= 6 && nota < 7);     let notaF = (nota < 6 && nota >= 0);       switch (nota) {         case notaA:             console.log('Nota A');             break;           case notaB:             console.log('Nota B');             break;           case notaC:             console.log('Nota C');             break;           case notaD:             console.log('Nota D');             break;           case notaF:             console.log('nota F');             break;           default:             console.log('insira uma nota valida!')             break;     }; };   ConverteNota(10);
×

Important Information

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