Hai,
I’m working on a form and have 2 totals that have to add up,
Somehow it puts the numbers like it are characters behind each other.
I do not understand scripting, this is how far I have it now..
I've uploaded the page to : http://0042.nl/phphelp/orderForumvraag.php .
Where you can see what is happening.
Gray part works fine, that is the first part of the function.
Now I need to add the (green) value and get a new total in the yellow field.
This is the next part, am I mising something?
products = document.getElementById('subtotaal').value;
uitkomst = totaal + products;
document.getElementById('ordertotal').value = uitkomst;
This is the total code:
<!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>Bestel formulier</title>
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
<script type="text/javascript">
// Voor de velden mbt tot land en de manier van verzenden , heeft ook de body tag nodig !
function selectedValue(v) { return (v.selectedIndex < 0) ? 0 : parseFloat(v[v.selectedIndex].value);}
function BerekenTotaal() {
var f = document.VerzendKosten;
var totaal = (selectedValue(f.landverz) + selectedValue(f.trackentrace)).toFixed(2);
f.totaaltext.value = totaal;
// Subtotaal is het totaal uit de module die in dit form als hidden veld aanwezig is)
products = document.getElementById('subtotaal').value;
uitkomst = totaal + products;
document.getElementById('ordertotal').value = uitkomst;
}
</script>
</head>
<body onload="BerekenTotaal()">
<table width="800" border="0" cellspacing="0" cellpadding="1" align=center><tr><td bgcolor="#257375">
<form id="form1" name="VerzendKosten" method="post" action="sendform.php">
<span class="style1"><font color=white>Bestelformulier</font></span><br />
<br />
<table width="800" border="0" cellspacing="0" cellpadding="8" bgcolor=white>
<tr><td colspan=2 width="100%"><hr><span class="style1">Verzendkosten:</span>
<table width="100%"><tr><td width="200" bgcolor=silver>
<span class="style2">Uw land: <br>
<select name="landverz" id="landverz" onChange="BerekenTotaal()">
<option value="0">-----------------------Kies ------------------------------------------</option>
<option value="19.30">Albanië</option>
<option value="19.30">Andora</option>
<option value="18.50">Azoren</option>
<option value="13.00">België</option>
<option value="19.30">Bosnië-Herzegovina</option>
<option value="18.50">Bulgarije</option>
<option value="19.30">Canarische Eilanden</option>
<option value="13.00">Corsica</option>
<option value="19.30">Cyprus</option>
<option value="13.00">Denemarken (Excl. Faeröer Eilanden en Groenland)</option>
<option value="13.00">Duitsland</option>
<option value="13.00">Engeland</option>
<option value="18.50">Estland</option>
<option value="19.30">Faeröer Eilanden</option>
<option value="18.50">Finland</option>
<option value="13.00">Frankrijk (Incl. Carsica en Monaco))</option>
<option value="19.30">Gibraltar</option>
<option value="19.30">Griekenland</option>
<option value="19.30">Guernsey</option>
<option value="18.50">Hongarije</option>
<option value="18.50">Ierland</option>
<option value="19.30">IJsland</option>
<option value="13.00">Italië (Excl. San Marino en Vaticaanstad)</option>
<option value="19.30">Jersey</option>
<option value="19.30">Kroatië</option>
<option value="18.50">Letland</option>
<option value="13.00">Luxemburg</option>
<option value="18.50">Madeira</option>
<option value="19.30">Malta</option>
<option value="19.30">Moldavië</option>
<option value="13.00">Monaco</option>
<option value="19.30">Montenegro</option>
<option value="6.95">Nederland</option>
<option value="19.30">Noorwegen</option>
<option value="19.30">Oekraïne</option>
<option value="13.00">Oostenrijk</option>
<option value="18.50">Polen</option>
<option value="18.50">Portugal (Incl. Azoren en Madeira)</option>
<option value="18.50">Roemenie</option>
<option value="19.30">San Marino</option>
<option value="19.30">Servië</option>
<option value="18.50">Slovenië</option>
<option value="18.50">Slowakije</option>
<option value="13.00">Spanje (Incl. Balearen, exclusief Canarische eilanden)</option>
<option value="18.50">Tsjechië</option>
<option value="19.30">Turkije</option>
<option value="19.30">Vaticaanstad</option>
<option value="13.00">Verenigd Koninkrijk (Excl. Gibraltar en Kanaaleilanden)</option>
<option value="19.30">Wit-Rusland</option>
<option value="13.00">Zweden</option>
<option value="19.30">Zwitserland</option>
</select>
<br>
Verzend opties:<br>
<select name="trackentrace" id="trackentrace" onChange="BerekenTotaal()">
<option value="0">-----------------------Kies ------------------------------------------</option>
<option value="0" selected>Track & Trace</option>
<option value="1.30">Verzekerd (500,- Euro)</option>
<option value="6.30">Verzekerd (5.500,- Euro)</option>
</select>
</span></td><td align="right" valign="top" bgcolor="silver"><span class="style2">
Verzendkosten : € <input type="text" name="totaaltext" id="totaaltext" onchange="BerekenTotaal();" size="5" maxlength="5" readonly style="border:0px;">
</span>
</td></tr></table>
</td>
</tr>
<tr>
<td colspan=2 valign="bottom"><hr></td>
</tr>
<tr>
<td bgcolor=green valign="bottom"><span class="style1">
<input type="text" name="subtotaal" id="subtotaal" value="425" >
</span></td>
<td bgcolor=yellow align="right"><span class="style1">
<input id="ordertotal" type="text" readonly="readonly" maxlength="10" size="8" tabindex="1" name="1" value="0" align="right">
</span></td>
</tr>
</table>
<label><span class="style2"><br />
<input type="hidden" name="ip" id="ip" value="<?php $ip=@$REMOTE_ADDR; echo "$ip"; ?>" />
<center> <input type="submit" name="button" id="button" value="Verstuur bestelling!" /> </center>
</span><br />
</label>
</form>
</td></tr></table>
</body>
</html>
