Ciao ragazzi,
premetto che come Javascript sono piuttosto alle prime armi e partendo da una base di un form che a suo tempo mi aveva realizzato un amico sto cercando di modificarlo per aggiungere una nuova funziona. Ma non funziona correttamente e non capisco dove sbaglio.
Il problema è essenzialmente nella funzione di generazione del prezzo. Se io seleziono il Tour 1 e sono in 5 mi deve comparire il totale del costo (non ci deve essere nessun pagamento collegato ma solo l'invio di un amail). Sinceramente non capisco dove possa essere l'errore (per inesperienza ed essere ancora alle prime armi).
Grazie a chi vorrà darmi un mano.
premetto che come Javascript sono piuttosto alle prime armi e partendo da una base di un form che a suo tempo mi aveva realizzato un amico sto cercando di modificarlo per aggiungere una nuova funziona. Ma non funziona correttamente e non capisco dove sbaglio.
Codice:
<form autocomplete="off">
<fieldset>
<legend>Prenota il servizio:</legend>
<table>
<tr>
<td>
<label for="nome">Nome*</label>
</td>
<td>
<input type="text" id="nomexyz" name="nome" autofocus required size="50"/>
</td>
</tr>
<tr>
<td>
<label for="cognome">Cognome*</label>
</td>
<td>
<input type="text" id="cognomexyz" name="cognome" autofocus required size="50" />
</td>
</tr>
<tr>
<td>
<label for="mail">E-Mail*</label>
</td>
<td>
<input type="email" id="emailxyz" name="mail" autofocus required size="50"/>
</td>
</tr>
<tr>
<td>
<label for="telefono">Telefono*</label>
</td>
<td>
<input type="text" id="telefonoxyz" name="telefono" autofocus required size="50"/>
</td>
</tr>
<tr>
<td>
<label for="citta">Paese / Stato</label>
</td>
<td>
<input type="text" id="paesexyz" name="citta" autofocus size="50"/>
</td>
<tr>
<td>
<label for="data">Data Prenotazione*</label>
</td>
<td>
<input type="date" name="date" id="datepicker1" value="" class="date" size="50" required/>
</td>
</tr>
<tr>
<td>
<label for="ora">Ora Prenotazione*</label>
</td>
<td>
<select id="oraxyz" name="ora">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<select id="minutixyz" name="minuti">
<option value="0">00</option>
<option value="5">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
</td>
</tr>
<tr><td>
<label for="partenza">Tour</label></td><td>
<select name="partenza" id="partenzaxyz">
<option value="romaora" selected>Tour4</option>
<option value="civitavecchia">Tour3</option>
<option value="roma">Tour2</option>
<option value="romaora">Tour1</option>
</select></td>
</tr>
<tr><td><label for="passeggeri">Passeggeri</label></td>
<td><select name="numero" id="numeroxyz">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></td></tr>
<tr><td><label for="tipoviaggio">Nome Albergo</label></td>
<td><input type="text" class="validate[required] text-input" name="tipoviaggio" id="tipoviaggio" value="" /></td></tr ><tr><td><label for="totalexyz">Totale</label></td>
<td><span style="color:black;font-size:14px" id="totalexyz">65</span><span id="euro" style="color:black;font-size:14px"> €</span></td></tr>
<tr><td><input type="submit" value="Invia" class="inviare"></td></tr>
</table>
</fieldset>
</form>
<script>
jQuery(function(){jQuery('#partenzaxyz').change(function(){var check=jQuery('#partenzaxyz').val();if(check=="romaora")jQuery("label[for='tipoviaggio']").text("Nome Albergo");else if(check=="fiumicino")jQuery("label[for='tipoviaggio']").text("Nome Albergo");else if(check=="roma")jQuery("label[for='tipoviaggio']").text("Nome Albergo");else if(check=="civitavecchia")jQuery("label[for='tipoviaggio']").text("Nome Nave");var tipo=jQuery('#partenzaxyz').val();var numero=jQuery('#numeroxyz').val();console.log(tipo);console.log(numero);if(tipo=='civitavecchia'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("1050")}else if(numero==4){jQuery('#totalexyz').text("1400")}else if(numero==5){jQuery('#totalexyz').text("1750")}}else if(tipo=='roma'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("1050")}else if(numero==4){jQuery('#totalexyz').text("1400")}else if(numero==5){jQuery('#totalexyz').text("1750")}}else if(tipo=='navetta'){if(numero==1){jQuery('#totalexyz').text("10")}else if(numero==2){jQuery('#totalexyz').text("20")}else if(numero==3){jQuery('#totalexyz').text("30")}else if(numero==4){jQuery('#totalexyz').text("40")}else if(numero==5){jQuery('#totalexyz').text("50")}}});jQuery('#numeroxyz').change(function(){var tipo=jQuery('#tiposervizioxyz').val();var numero=jQuery('#numeroxyz').val();console.log(tipo);console.log(numero);if(tipo=='civitavecchia'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("1050")}else if(numero==4){jQuery('#totalexyz').text("1400")}else if(numero==5){jQuery('#totalexyz').text("1750")}}else if(tipo=='roma'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("1050")}else if(numero==4){jQuery('#totalexyz').text("1400")}else if(numero==5){jQuery('#totalexyz').text("1750")}}else if(tipo=='navetta'){if(numero==1){jQuery('#totalexyz').text("10")}else if(numero==2){jQuery('#totalexyz').text("20")}else if(numero==3){jQuery('#totalexyz').text("30")}else if(numero==4){jQuery('#totalexyz').text("40")}else if(numero==5){jQuery('#totalexyz').text("50")}}});jQuery('#partenzaxyz').change(function(){var tipo=jQuery('#partenzaxyz').val();var numero=jQuery('#numeroxyz').val();console.log(tipo);console.log(numero);if(tipo=='civitavecchia'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("195")}else if(numero==4){jQuery('#totalexyz').text("260")}else if(numero==5){jQuery('#totalexyz').text("325")}}else if(tipo=='roma'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("60")}else if(numero==4){jQuery('#totalexyz').text("80")}else if(numero==5){jQuery('#totalexyz').text("100")}}else if(tipo=='navetta'){if(numero==1){jQuery('#totalexyz').text("10")}else if(numero==2){jQuery('#totalexyz').text("20")}else if(numero==3){jQuery('#totalexyz').text("30")}else if(numero==4){jQuery('#totalexyz').text("40")}else if(numero==5){jQuery('#totalexyz').text("50")}}});jQuery('#tiposervizioxyz').change(function(){var tipo=jQuery('#partenzaxyz').val();var numero=jQuery('#numeroxyz').val();console.log(tipo);console.log(numero);if(tipo=='civitavecchia'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("195")}else if(numero==4){jQuery('#totalexyz').text("260")}else if(numero==5){jQuery('#totalexyz').text("325")}}else if(tipo=='roma'){if(numero==1){jQuery('#totalexyz').text("350")}else if(numero==2){jQuery('#totalexyz').text("700")}else if(numero==3){jQuery('#totalexyz').text("60")}else if(numero==4){jQuery('#totalexyz').text("80")}else if(numero==5){jQuery('#totalexyz').text("100")}}else if(tipo=='navetta'){if(numero==1){jQuery('#totalexyz').text("10")}else if(numero==2){jQuery('#totalexyz').text("20")}else if(numero==3){jQuery('#totalexyz').text("30")}else if(numero==4){jQuery('#totalexyz').text("40")}else if(numero==5){jQuery('#totalexyz').text("50")}}});jQuery(".inviare").click(function(){var nome=jQuery('#nomexyz').val();var cognome=jQuery('#cognomexyz').val();var email=jQuery('#emailxyz').val();var telefono=jQuery('#telefonoxyz').val();var paese=jQuery('#paesexyz').val();var data=jQuery('#datepicker1').val();var partenza=jQuery('#partenzaxyz').val();var servizio=jQuery('#tiposervizioxyz').val();var passeggeri=jQuery('#numeroxyz').val();var tiposervizioval=jQuery('#tipoviaggio').val();var ora=jQuery('#oraxyz').val()+':'+jQuery('#minutixyz').val();var tiposervizio=jQuery("label[for='tipoviaggio']").text();var totale=jQuery('#totalexyz').text();jQuery.ajax({type:"POST",url:"http://www.consorziotrasportopersone.it/wp-content/index.php",data:{nome:nome,cognome:cognome,email:email,telefono:telefono,paese:paese,data:data,partenza:partenza,arrivo:arrivo,servizio:servizio,passeggeri:passeggeri,tiposervizioval:tiposervizioval,ora:ora,tiposervizio:tiposervizio,totale:totale},success:function(data){console.log(data);if(data=='ok'){alert('mail invia correttamente')}else{alert("Error: Controlla di aver compilato tutti i campi");return false}}});return false})});
</script>
Il problema è essenzialmente nella funzione di generazione del prezzo. Se io seleziono il Tour 1 e sono in 5 mi deve comparire il totale del costo (non ci deve essere nessun pagamento collegato ma solo l'invio di un amail). Sinceramente non capisco dove possa essere l'errore (per inesperienza ed essere ancora alle prime armi).
Grazie a chi vorrà darmi un mano.