script preventivo javascript

Imperor

Nuovo Utente
25 Nov 2010
19
0
1
Roma
www.fcfclean.it
salve e buona domenica :) navigando ho trovato questo script che calcola il costo in automatico di :
pulizia condominio pulizia ufficio ecc.. ho provato aggiungere il costo per la pulizia dei cassonetti Ama e funziona ho inserito anche il costo del prodotto ma non calcola il costo chiedo aiuto grazie posto lo script completo

HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<script>
var valorePianiEdifico = 24;
var valoreCassonetti = 2;
var addizionalePresenzaAscensore = 2;
var valoreMqGiardino = 3;
var valoreMqUffici = 2;
var moltiplicatoreOperai = 1.34;
var valoreNomeprodotto = 4;

$(function() {
    $('#container select').change(function() { calcolaPreventivo(); });
    $('#container input').keyup(function() { calcolaPreventivo(); });
    calcolaPreventivo();
});

function calcolaPreventivo() {

    
    var preventivo = 0;
	
    addizionaleAscensore = $('#container .ascensore').val()=='si'?0:addizionalePresenzaAscensore;
	
    
	
    preventivo += $('#container .pianiEdificio').val()*(valorePianiEdifico+addizionaleAscensore);
	
	preventivo += $('#container .Cassonetti').val()*(valoreCassonetti);
	preventivo += $('#container .Nomeprodotto').val()*(valoreNomeprodotto);
	
	
    if($('#container .giardino').val()=='si') {
        $('#container .colGiardino').show();
        preventivo +=  $('#container .mqGiardino').val()*valoreMqGiardino;
    } else { $('#container .colGiardino').hide();  $('#container .mqGiardino').val(0); }
    
    preventivo +=  $('#container .mqUffici').val()*valoreMqUffici;
    preventivo = parseInt(preventivo*($('#container .nOperai').val()==1?1:moltiplicatoreOperai));
	

    $('#container .risultato').html("Spesa totale: <span class='bold'>"+preventivo+",00</span> €");
}
</script>

<style>
#container {
    margin: auto;
    width: 500px;
    background-color: #blue;
    font-family: Calibri;
    border: 1px solid orange;
    border-radius: 25px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#container .col{
    width: 100%;
    height: 6%;
    background-color: #yellow;
    white-space: nowrap;
    font-size: 0px;
}
#container .col span {
    font-size: 15px;
    width: 50%;
    display: inline-block;
    background-color: #red;
}

#container .colGiardino {
    display: none;
}

#container .risultato .bold {
    font-weight: bold;
    width: auto;
}
</style>



<div id='container'>
    <h2>ESEMPIO PREVENTIVO</h2>
    <div class='col'>
        <span>Piani edificio</span>
        <span> 
            <select class='pianiEdificio'>
                <option value='1'>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
                <option value='4'>4</option>
                <option value='5'>5</option>
                <option value='6'>6</option>
                <option value='7'>7</option>
                <option value='8'>8</option>
                <option value='9'>9</option>
            </select> 
        </span>
    </div>
	<div>
	<div class='col'>
        <span>Numero cassonetti ama</span>
        <span> 
            <select class='Cassonetti'>
			    <option value='0'>0</option>
                <option value='1'>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
                <option value='4'>4</option>
                <option value='5'>5</option>
                <option value='6'>6</option>
                <option value='7'>7</option>
                <option value='8'>8</option>
                <option value='9'>9</option>
            </select> 
        </span>
		</div>
		<div class='col'>
        <span>Prodotti</span>
        <span> 
            <select class='nomeprodotto'>
			    <option value='Seleziona prodotto'>Seleziona prodotto</option>
                <option value='Mig'>Mig</option>
                <option value='Funball'>Funball</option>
				<option value='Altro'>Altro</option>
            </select> 
        </span>
		</div>
    <div class='col'>
        <span>Ascensore?</span>
        <span> 
            <select class='ascensore'>
                <option value='no'>No</option>
                <option value='si'>Si</option>
            </select>
        </span>
    </div>
    <div class='col'>
        <span>Giardino?</span>
        <span> 
            <select class='giardino'>
                <option value='no'>No</option>
                <option value='si'>Si</option>
            </select> 
        </span>
    </div>
    <div class='col colGiardino'>
        <span>Mq. giardino</span>
        <span>
            <input class='mqGiardino'> 
        </span>
    </div>
    <div class='col'>
        <span>Mq. uffici</span>
        <span> 
            <input class='mqUffici'>
        </span>
    </div>
    <div class='col'>
        <span>N. Operai</span>
        <span> 
            <select class='nOperai'>
                <option value='1'>1</option>
                <option value='2'>2</option>
            </select> 
        </span>
    </div>
    </div>
    <div class='col'>
        <span></span>
        <span class='risultato'></span>
    </div>
</div>

non riesco a risolvere il problema del perchè non calcola il costo del prodotto
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non puoi sommare ad un numero una stringa, ricontrolla tutte le somme che fai, il value di questa option per esempio è una stringa
Codice:
preventivo +=  $('#container .Nomeprodotto').val()*(valoreNomeprodotto);
Ti sposto nella sezione giusta.
 

Imperor

Nuovo Utente
25 Nov 2010
19
0
1
Roma
www.fcfclean.it
salve non sono un programmatore :( riesco a malapena a modifica ciò che già esiste infatti il valore cassonetti l'ho inserito io e funziona :) come devo fare per far in modo che calcola il costo prodotto? attendo risposta grazie buona domenica

HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<script>
var valorePianiEdifico = 24;
var valoreCassonetti = 2;
var addizionalePresenzaAscensore = 2;
var valoreMqGiardino = 3;
var valoreMqUffici = 2;
var moltiplicatoreOperai = 1.34;


$(function() {
    $('#container select').change(function() { calcolaPreventivo(); });
    $('#container input').keyup(function() { calcolaPreventivo(); });
    calcolaPreventivo();
});

function calcolaPreventivo() {

    
    var preventivo = 0;
	
    addizionaleAscensore = $('#container .ascensore').val()=='si'?0:addizionalePresenzaAscensore;
	
    
	
    preventivo += $('#container .pianiEdificio').val()*(valorePianiEdifico+addizionaleAscensore);
	
	preventivo += $('#container .Cassonetti').val()*(valoreCassonetti);
	
	
	
    if($('#container .giardino').val()=='si') {
        $('#container .colGiardino').show();
        preventivo +=  $('#container .mqGiardino').val()*valoreMqGiardino;
    } else { $('#container .colGiardino').hide();  $('#container .mqGiardino').val(0); }
    
    preventivo +=  $('#container .mqUffici').val()*valoreMqUffici;
    preventivo = parseInt(preventivo*($('#container .nOperai').val()==1?1:moltiplicatoreOperai));
	

    $('#container .risultato').html("Spesa totale: <span class='bold'>"+preventivo+",00</span> €");
}
</script>

<style>
#container {
    margin: auto;
    width: 500px;
    background-color: #blue;
    font-family: Calibri;
    border: 1px solid orange;
    border-radius: 25px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#container .col{
    width: 100%;
    height: 6%;
    background-color: #yellow;
    white-space: nowrap;
    font-size: 0px;
}
#container .col span {
    font-size: 15px;
    width: 50%;
    display: inline-block;
    background-color: #red;
}

#container .colGiardino {
    display: none;
}

#container .risultato .bold {
    font-weight: bold;
    width: auto;
}
</style>



<div id='container'>
    <h2>ESEMPIO PREVENTIVO</h2>
    <div class='col'>
        <span>Piani edificio</span>
        <span> 
            <select class='pianiEdificio'>
                <option value='1'>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
                <option value='4'>4</option>
                <option value='5'>5</option>
                <option value='6'>6</option>
                <option value='7'>7</option>
                <option value='8'>8</option>
                <option value='9'>9</option>
            </select> 
        </span>
    </div>
	<div>
	<div class='col'>
        <span>Numero cassonetti ama</span>
        <span> 
            <select class='Cassonetti'>
			    <option value='0'>0</option>
                <option value='1'>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
                <option value='4'>4</option>
                <option value='5'>5</option>
                <option value='6'>6</option>
                <option value='7'>7</option>
                <option value='8'>8</option>
                <option value='9'>9</option>
            </select> 
        </span>
		</div>
		<div class='col'>
        <span>Prodotti</span>
        <span> 
            <select class='nomeprodotto'>
			    <option value='Seleziona prodotto'>Seleziona prodotto</option>
                <option value='Mig'>Mig</option>
                <option value='Funball'>Funball</option>
				<option value='Altro'>Altro</option>
            </select> 
        </span>
		</div>
    <div class='col'>
        <span>Ascensore?</span>
        <span> 
            <select class='ascensore'>
                <option value='no'>No</option>
                <option value='si'>Si</option>
            </select>
        </span>
    </div>
    <div class='col'>
        <span>Giardino?</span>
        <span> 
            <select class='giardino'>
                <option value='no'>No</option>
                <option value='si'>Si</option>
            </select> 
        </span>
    </div>
    <div class='col colGiardino'>
        <span>Mq. giardino</span>
        <span>
            <input class='mqGiardino'> 
        </span>
    </div>
    <div class='col'>
        <span>Mq. uffici</span>
        <span> 
            <input class='mqUffici'>
        </span>
    </div>
    <div class='col'>
        <span>N. Operai</span>
        <span> 
            <select class='nOperai'>
                <option value='1'>1</option>
                <option value='2'>2</option>
            </select> 
        </span>
    </div>
    </div>
    <div class='col'>
        <span></span>
        <span class='risultato'></span>
    </div>
</div>
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
devi trasformare in intero i valori su cui devi fare i calcoli
Codice:
preventivo += $('#container .Cassonetti').val()*(valoreCassonetti);
diventerà
Codice:
preventivo += parseInt($('#container .Cassonetti').val()) * (valoreCassonetti);
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Script notifiche dekstop aiuto Javascript 0
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
P Passare solo alcuni parametri a script per CSV PHP 0
M Collegamento tra form html e script php PHP 4
F Script java elenco alfabetico non funziona Javascript 3
F Script non funzionante. Devo elencare in ordine alfabetico un elenco di nominativi, ma lo script non Javascript 2
P Script upload immagini jQuery 0
M Premature end of script headers PHP 1
Cosina script data aggiornamento pagina Javascript 1
R Distribuire uno Script "Facebook Auto Post" PHP 0
F Creazione script Tv Presentati al Forum 1
N Script elenco file HTML HTML e CSS 5
felino PHP e script generazione file excel PHP 2
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
Beppe2 Ritardare esecuzione script Javascript 2
R Primo script in PHP / CSS PHP 4
felino Script PHP per leggere un file JSON. autenticazione? PHP 4
T [a pagamento] programmatore PHP che mi aiuti a migrare gli script da vecchia versione PHP a nuova Offerte e Richieste di Lavoro e/o Collaborazione 1
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
F Aiuto java script Javascript 2
Max 1 [PHP] Script che funziona in locale e non online PHP 16
O [PHP] inviare dati da form e script ajax PHP 0
P [PHP] Aggiungere un mio script a prestashop? PHP 10
D [Javascript] inserire uno script in un file php Javascript 6
Gabriele15497514 php testo errato durante la lettura del file txt quando lo script viene eseguito contemporaneamente PHP 3
R [Javascript] Aiuto su questo script Javascript 2
M [HTML] Stesso script su 2 blog CMS (Content Management System) 4
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
elpirata [Javascript] Lo script alle volte funzione altre volte no Javascript 0
A [PHP] Script con array con numeri che iniziano per 00 PHP 2
F [HTML] Failed script su coffee cookies HTML e CSS 1
TpD [PHP] Script per organizzazione presenza eventi PHP 3
D [PHP] script che invii una mail automatica dopo risposta ad una discussione di un forum PHP 0
T interpretare uno script php non fatto da me... PHP 3
Cosina Modifica script textarea jQuery 0
O Script PHP e loro visibilità PHP 4
A [PHP] Script Ip camera su altervista senza sottocartelle PHP 6
M [PHP] Problema script ricezione e invio posta... PHP 1
Y Codice AdSense su script php PHP 4
L [PHP] Problema Script 'Not Found' PHP 4
webmachine [PHP] Script per censurare parole PHP 4
L [HTML] Domanda: Utilizzo script HTML e CSS 0
C richiamare una funzione in un altro script php PHP 1
otto9due GDPR 25 Maggio - script per attivare analytics, facebook ecc.. dopo il consenso. jQuery 14
W [Javascript] Eseguire script residente nel sistema da html remota Javascript 0
M [PHP] Script per controllo disponibilitá negozio in citta PHP 4
B [PHP] hp script creare un utente diminuendo -1 e cosi via PHP 1
Y Modificare script php PHP 5
F [HTML] SCRIPT CGI HTML e CSS 5
paloppa [PHP] script importati da internet o da file PHP 24

Discussioni simili