Stampare il totale costo in base alla quantità prodotto

[NLSweb]

direi proprio di no ............

dopo aver eseguito tutti i calcoli (nella funzione CARRELLO)

fai:

var stringa = totaleacquisto.toString(); 
stringa = stringa .replace(".", ",");
$("#carrello li:eq(0)").html("Totale prezzo pieno: € "+stringa+"");

Ho provato a mettere il tuo codice in varie parti, anche sotto, ma non va


function CARRELLO(){
var totalequantita = parseInt($("#areacalcolo .totquantita").val());
var totaleacquisto = parseFloat($("#areacalcolo .totspesa").val());
if(totalequantita>2){ //Dopo il 2° libro diventa 20%
var percentosconto = 20; // Sconto dal 3° in poi
}else{
var percentosconto = 15; //Sconto su tutti i libri
}
var totalesconto = (totaleacquisto/100)*percentosconto;
var dapagare = totaleacquisto - totalesconto;
var stringa = totaleacquisto.replace(".", ",");
$("#carrello li:eq(0)").html("Totale prezzo pieno: € "+totaleacquisto.toFixed(2)+"");
$("#carrello li:eq(1)").html("<span style=\"font-size: 1em; color: #ff0000;\">Sconto: "+percentosconto+"% (Risparmio € "+totalesconto.toFixed(2)+")</span>");
$("#carrello li:eq(2)").html("Costo spedizione: € 0 (per l'Italia)");
$("#carrello li:eq(3)").html("<span style=\"font-size: 1.08em; color: #ff0000;\">DA PAGARE: € "+dapagare.toFixed(2)+"</span>");
$("#inizio").html(totalequantita);
}

[NLSweb]

prima di tutto racchiudi il codice in TAG tipo

 codice

poi nel codice che vedo qui sopra manca quasi tutto ... io ti ho fatto un esempio con tre linee di codice e qui sopra ne vedo solo una..

L'ho tolto, se vedi...

[NLSweb]

L'ho tolto, se vedi...

???????????
di cosa stai parlando ?


mi hai chiesto come mettere la virgola ed io ti ho suggerito un codice post#121
poi tu mi posti il codice in blu qui sopra dove delle tre linee di codice che ti avevo dato ne vedo solo una.. post#122

..................................

hai rinunciato a mettere la virgola ?

Ti ho postato il codice blu, perché non so dove mettere il tuo

*************

Ho sistemato le virgole, il subTotale non mette i corretti decimali, prova a cliccare il Libro8.

http://www.libridelbenessere.altervista.org/index.php

[NLSweb]

Questa funzione ha degli errori

function CALCOLAsubTotale(id){
   var valore = parseFloat($("#prodotto"+id+" .moneyCarrello1-mod").val());
   var quantita = parseFloat($("#prodotto"+id+" .quantity").val());
   var subtotale = valore * quantita;
   var stringaSub1 = subtotale.toFixed(2); 
   stringaSub1 = stringaSub1 .replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringaSub1);
   //$("#prodotto"+id+" .subTotale-mod").val(subtotale.toFixed(2)); 
  }

modificala cosi

function CALCOLAsubTotale(id){
   var valore = parseFloat($("#prodotto"+id+" .moneyCarrello1-mod").val());
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var subtotale = valore * quantita;
   var stringa = subtotale.toString(); 
   stringa = stringa.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringa.toFixed(2)); 
  }

Ho modificato, ma è peggio, appaiono i 4 puntini dei <li>

[NLSweb]

analazzando con il debug mi risulta che il tuo codice sia:

function CALCOLAsubTotale(id){
   var valore = parseFloat($("#prodotto"+id+" .moneyCarrello1-mod").val());
   var quantita = parseFloat($("#prodotto"+id+" .quantity").val());
   var subtotale = valore * quantita;
   var stringaSub1 = subtotale.toFixed(2); 
   stringaSub1 = stringaSub1 .replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringaSub1);
   //$("#prodotto"+id+" .subTotale-mod").val(subtotale.toFixed(2)); 
  }

che non è quello che ti ho suggerito al post precedente....

Ho questo, forse devi vuotare la cache

 function CALCOLAsubTotale(id){
   var valore = parseFloat($("#prodotto"+id+" .moneyCarrello1-mod").val());
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var subtotale = valore * quantita;
   var stringa = subtotale.toString(); 
   stringa = stringa.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringa.toFixed(2)); 
  }

[NLSweb]

OK

prova a cambiare questa linea di codice

$("#prodotto"+id+" .subTotale-mod").val(stringa.toFixed(2));

con

$("#prodotto"+id+" .subTotale-mod").val(stringa);

Va meglio, ma non mette i decimali corretti al subTotale, clicca sul Libro8

[NLSweb]

il problema è che il numero per eseguire i calcoli deve tornare con il punto.

function CALCOLAsubTotale(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var valore =$("#prodotto"+id+" .moneyCarrello1-mod").val();
   var stringa= valore.toString(); 
   stringa = stringa.replace(",", ".");
   valore =  parseFloat(stringa);
   
   var subtotale = valore * quantita;

   var stringaSub = subtotale.toString(); 
   stringaSub = stringaSub.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringaSub);
  }

function aggiornaQuantita(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var prezzo = $("#prodotto"+id+" .moneyCarrello1-mod").val();
   var stringa= prezzo.toString(); 
   stringa = stringa.replace(",", ".");
   prezzo=  parseFloat(stringa);

   var subtotale = quantita * prezzo;

   var stringa = subtotale.toFixed(2); 
   stringa = stringa.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringa); 
   calcolaCarrello();
  }

Ho sostituito messo così, funziona ma mette ancora un punto che non riesco a trasformare in virgola

 function aggiornaQuantita(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var prezzo = $("#prodotto"+id+" .moneyCarrello1-mod").val();
   var stringa= prezzo.toString(); 
   stringa = stringa.replace(",", ".");
   prezzo=  parseFloat(stringa);
   var subtotale = quantita * prezzo;
   $("#prodotto"+id+" .subTotale-mod").val(subtotale.toFixed(2)); 
   calcolaCarrello();
  }
  
  function CALCOLAsubTotale(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var valore =$("#prodotto"+id+" .moneyCarrello1-mod").val();
   var stringa= valore.toString(); 
   stringa = stringa.replace(",", ".");
   valore =  parseFloat(stringa);
   var subtotale = valore * quantita;
   var stringaSub = subtotale.toFixed(2); 
   stringaSub = stringaSub.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringaSub);
  }

Poi, una cosa che non capisco, che ruolo ha questo -mod? Ho provato a toglierlo dai codici e dai css ma mi da errore, perciò ho dovuto rimetterlo.

[NLSweb]

allora , quando viene aggiunto un prodotto al carrello viene inserita la virgola (quindi la funzione CALCOLAsubTotale va bene) , mentre la funzione aggiornaQuantita , non è stato rimesso il comando per ritornare alla virgola

 function aggiornaQuantita(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var prezzo = $("#prodotto"+id+" .moneyCarrello1-mod").val();
   var stringa= prezzo.toString(); 
   stringa = stringa.replace(",", ".");
   prezzo=  parseFloat(stringa);
   var subtotale = quantita * prezzo;

   stringa= subtotale.toString(); 
   stringa = stringa.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(subtotale.toFixed(2)); 
   calcolaCarrello();
  }

non capisco, che ruolo ha questo -mod?

tu l'hai messo ! io quando ti ho fornito il codice all'inizio non c'era poi tu l'hai aggiunto ai nomi delle classi e non so il perchè
ora è evidente che se vuoi levarlo devi aggiornare tutti i nomi !

Ho modificato la funzione, la virgola la mette solo all'inizio, se aumenti la quantità, la virgola si trasforma in punto.

[NLSweb]

nella funzione aggiornaQuantita

cambia

...
$("#prodotto"+id+" .subTotale-mod").val(subtotale.toFixed(2)); 
...

in

...
$("#prodotto"+id+" .subTotale-mod").val(stringa.toFixed(2)); 
...

Aumentando la quantità, non aumenta il subTotale, rimane fisso con la virgola

function aggiornaQuantita(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var prezzo = $("#prodotto"+id+" .moneyCarrello1-mod").val();
   var stringa= prezzo.toString(); 
   stringa = stringa.replace(",", ".");
   prezzo=  parseFloat(stringa);
   var subtotale = quantita * prezzo;
   stringa= subtotale.toString(); 
   stringa = stringa.replace(".", ",");
   $("#prodotto"+id+" .subTotale-mod").val(stringa.toFixed(2)); 
   calcolaCarrello();
  } 

[NLSweb]

ho aggiornato la pagina , rimosso la cache ... ma ancora mi torna il codice senza la modifica del post#137

ho aggiornato la pagina , rimosso la cache ... ma ancora mi torna il codice senza la modifica del post#137

Ho fatto delle modifiche, ora la virgola appare sempre, però al Totale prezzo pieno mi calcola un importo superiore

function aggiornaQuantita(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var prezzo = $("#prodotto"+id+" .moneyCarrello1").val();
   var stringa = prezzo.toString(); 
   stringa = stringa.replace(",", ".");
   prezzo = parseFloat(stringa);
   var subtotale = quantita * prezzo;
   var stringa = subtotale.toFixed(2); 
   stringa = stringa.replace(".", ",");
   $("#prodotto"+id+" .subTotale").val(stringa);
   calcolaCarrello();
  }
  
  function CALCOLAsubTotale(id){
   var quantita = parseInt($("#prodotto"+id+" .quantity").val());
   var valore = $("#prodotto"+id+" .moneyCarrello1").val();
   var stringa = valore.toString(); 
   stringa = stringa.replace(",", ".");
   valore  = parseFloat(stringa);
   var subtotale = valore * quantita;
   var stringaSub = subtotale.toFixed(2); 
   stringaSub = stringaSub.replace(".", ",");
   $("#prodotto"+id+" .subTotale").val(stringaSub);
  }

[NLSweb]

hai assegnato la classe subtotale non solo al campo che contiene il valore del subtotale , ma anche ad altri campi
quando la funzione calcolaCarrello fa la somma di tutti i campi con classe subtotale , si crea un alterazione del calcolo
inoltre anchein questa funzione bisognerebbe riconvertire dalla virgola al punto e viceversa.

Come modifico?

inoltre anche in questa funzione bisognerebbe riconvertire dalla virgola al punto e viceversa.

Questo è fatto, come si vede

[NLSweb]

ho assegni un nome di classe assoluto al campo SUBTOTALE o cambi il nome di classe agli altri campi ...

esempio:

<span class="subTotaleSpan"></span>
<input class="subTotale" type="text" value="0" name="subTotale"></i

chiaramente nel momento che cambi nome ad una classe (che sia il campo input o altro) devi variare lo stesso nome dove lo richiami negli stili e negli script

Ho modificato tutti i css da subTotale subTotaleX, ma è uguale

[NLSweb]

no .. non ci siamo capiti...

il campo input del subtotale deve avere una classe UNICA !

tu hai cambiato sia lo span del simbolo valuta che il campo...

ho cambi solo il campo input o cambi tutto il resto differenziandolo dal campo input

ed infine una volta che hai eseguito la modifica , ricordati di effetuare la medesima negli script e negli stili

Allora, qui ho messo così

<span class='subTotale'>€ </span><input class='subTotaleX' type='text' name='subTotale' value='0'>

il css è lo stesso

.subTotale {
	background-color: #efefef;
	width: 80px; 
	height: 20px; 
	font-size: 0.8em; color: #ff0000; 
	border: 0px;
}

Ora che modifico?

[NLSweb]

gli script ...

aggiornaQuantita

$("#prodotto"+id+" .subTotaleX").val(stringa);

CALCOLAsubTotale

$("#prodotto"+id+" .subTotaleX").val(stringaSub);

calcolaCarrello

$(".subTotaleX").each(function(){
      totaleacquisto += parseFloat($(this).val());
   });

ELIMINA

var valore = parseFloat($("#prodotto"+id+" .subTotaleX").val());

credo siano tutti...

Nel frattempo avevo apportato queste modifiche, ora va meglio ma non aggiorna i decimali a Totale prezzo pieno

http://www.libridelbenessere.altervista.org/

[NLSweb]

queste due funzioni riscrivile cosi :

 function CARRELLO(){
   var totalequantita = $("#areacalcolo .totquantita").val();
   var totaleacquisto = $("#areacalcolo .totspesa").val();

   totalequantita = totalequantita.replace(",", ".");
   totaleacquisto = totaleacquisto.replace(",", ".");

   totalequantita = parseInt(totalequantita);
   totaleacquisto = parseFloat(totaleacquisto);

   if(totalequantita>2){ //Dopo 2 libri lo sconto diventa 20%
    var percentosconto = 20; // Sconto dal 3° in poi
   }else{
    var percentosconto = 15; //Sconto su tutti i libri
   }
   var totalesconto = (totaleacquisto/100)*percentosconto;
   var dapagare = totaleacquisto - totalesconto;

   totalesconto = totalesconto.toFixed(2); 
   totalesconto = totalesconto.replace(".", ",");

   totaleacquisto = totaleacquisto.toFixed(2); 
   totaleacquisto = totaleacquisto.replace(".", ",");

   dapagare = dapagare.toFixed(2); 
   dapagare = dapagare.replace(".", ",");

   $("#carrello li:eq(0)").html("Totale prezzo pieno: € "+totaleacquisto+"");
   $("#carrello li:eq(1)").html("<span style=\"font-size: 1em; color: #ff0000;\">Sconto: "+percentosconto+"% (Risparmio: € "+totalesconto+")</span>");

   $("#carrello li:eq(2)").html("Costo spedizione: € 0 (per l'Italia)");

   $("#carrello li:eq(3)").html("<span style=\"font-size: 1.08em; color: #ff0000;\">DA PAGARE: € "+dapagare+"</span>");
   $("#inizio").html(totalequantita);
  }
   
  function calcolaCarrello(){
   var totqta = 0;
   var totacq = 0;

   $(".subTotaleX").each(function(){
      var totaleacquisto = $(this).val();
      totaleacquisto = totaleacquisto.replace(",", ".");
      totaleacquisto = parseFloat(totaleacquisto);
      totacq += totaleacquisto;
   });   
   $(".quantity").each(function(){
      var totalequantita = $(this).val();
      totalequantita = totalequantita.replace(",", ".");
      totalequantita = parseInt(totalequantita);
      totqta += totalequantita;
   });

   $("#areacalcolo .totquantita").val(totqta);
   $("#areacalcolo .totspesa").val(totacq);
   CARRELLO();
  }

Ok, ora va bene.

Senti, hai voglia di farmi ancora qualche favore, così sistemiamo tutto?

Io ho già sistemato il form che invia i dati riassuntivi via email (nome. indirizzo, ecc), però non riesco ad inserire i dati del carrello nel modulo della email

//Invio email di avviso a me
$meG = "Me <miamail@gmail.com>"; 
$oggettoG = "Qualcuno ha fatto l'ordine";  //Le email vanno formattate con HTML 
$messaggioM = "<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<strong>Indirizzo di spedizione:</strong>
<br> 
<br>
<div style=\"width:auto;height:4px;\">$nomeG $cognome</div>
<br>
<div style=\"width:auto;height:4px;\">$via&nbsp;&nbsp;n° $n</div>
<br>
<div style=\"width:auto;height:4px;\">$cap $loc ($pro) $naz</div>
<br>
<div style=\"width:auto;height:4px;\">Email: $email</div>
<br>
<div style=\"width:auto;height:4px;\">Tel: $tel</div>
<br>
<div style=\"width:auto;height:4px;\">Note:</div>
<br>
<span style=\"color: #ff0000\">$messaggioG</span>
<br>
<br>
<strong>Il tuo carrello:</strong>
<br>
<br>
  
...