Hi,
Got a bit of a problem with the below code:
The first bit works fine (Print Size)
.. but for some reason, the document.costform.CanvasType.value bit is giving "undefined" as the value - is this just a stupid error on my front (i.e if Javascript expecting something different to the document.costform.CanvasType.value format?)
I've had a look around - but couldn't work it out
TIA
Andy
Got a bit of a problem with the below code:
Code:
<script>
function updateCosts() {
var theCost;
var paper_8x10 = '5';
var paper_9x12 = '11';
var paper_11x14 = '15';
var paper_12x16 = '19';
var paper_14x18 = '26';
var paper_16x20 = '33';
var paper_18x24 = '45';
var paper_20x24 = '49';
var paper_24x30 = '75';
var paper_24x36 = '90';
var paper_36x36 = '135';
var paper_36x40 = '150';
var paper_40x40 = '165';
var paper_48x48 = '240';
var paper_60x60 = '375';
var canvas_8x10 = '10';
var canvas_9x12 = '15';
var canvas_11x14 = '20';
var canvas_12x16 = '26';
var canvas_14x18 = '35';
var canvas_16x20 = '44';
var canvas_18x24 = '60';
var canvas_20x24 = '66';
var canvas_24x30 = '100';
var canvas_24x36 = '120';
var canvas_36x36 = '180';
var canvas_36x40 = '200';
var canvas_40x40 = '220';
var canvas_48x48 = '320';
var canvas_60x60 = '500';
var canvasmuseum = '60';
var canvasframefriendly = '40';
if (document.costform.PaperSize.value == "8x10_paper") {
theCost = paper_8x10;
} else if (document.costform.PaperSize.value == "9x12_paper") {
theCost = paper_9x12;
} else if (document.costform.PaperSize.value == "11x14_paper") {
theCost = paper_11x14;
} else if (document.costform.PaperSize.value == "12x16_paper") {
theCost = paper_12x16;
} else if (document.costform.PaperSize.value == "14x18_paper") {
theCost = paper_14x18;
} else if (document.costform.PaperSize.value == "16x20_paper") {
theCost = paper_16x20;
} else if (document.costform.PaperSize.value == "18x24_paper") {
theCost = paper_18x24;
} else if (document.costform.PaperSize.value == "20x24_paper") {
theCost = paper_20x24;
} else if (document.costform.PaperSize.value == "24x30_paper") {
theCost = paper_24x30;
} else if (document.costform.PaperSize.value == "24x36_paper") {
theCost = paper_24x36;
} else if (document.costform.PaperSize.value == "36x36_paper") {
theCost = paper_36x36;
} else if (document.costform.PaperSize.value == "36x40_paper") {
theCost = paper_36x40;
} else if (document.costform.PaperSize.value == "40x40_paper") {
theCost = paper_40x40;
} else if (document.costform.PaperSize.value == "48x48_paper") {
theCost = paper_48x48;
} else if (document.costform.PaperSize.value == "60x60_paper") {
theCost = paper_60x60;
} else if (document.costform.PaperSize.value == "8x10_canvas") {
theCost = canvas_8x10;
} else if (document.costform.PaperSize.value == "9x12_canvas") {
theCost = canvas_9x12;
} else if (document.costform.PaperSize.value == "11x14_canvas") {
theCost = canvas_11x14;
} else if (document.costform.PaperSize.value == "12x16_canvas") {
theCost = canvas_12x16;
} else if (document.costform.PaperSize.value == "14x18_canvas") {
theCost = canvas_14x18;
} else if (document.costform.PaperSize.value == "16x20_canvas") {
theCost = canvas_16x20;
} else if (document.costform.PaperSize.value == "18x24_canvas") {
theCost = canvas_18x24;
} else if (document.costform.PaperSize.value == "20x24_canvas") {
theCost = canvas_20x24;
} else if (document.costform.PaperSize.value == "24x30_canvas") {
theCost = canvas_24x30;
} else if (document.costform.PaperSize.value == "24x36_canvas") {
theCost = canvas_24x36;
} else if (document.costform.PaperSize.value == "36x36_canvas") {
theCost = canvas_36x36;
} else if (document.costform.PaperSize.value == "36x40_canvas") {
theCost = canvas_36x40;
} else if (document.costform.PaperSize.value == "40x40_canvas") {
theCost = canvas_40x40;
} else if (document.costform.PaperSize.value == "48x48_canvas") {
theCost = canvas_48x48;
} else if (document.costform.PaperSize.value == "60x60_canvas") {
theCost = canvas_60x60;
}
alert(document.costform.CanvasType.value);
var theCost2;
if (document.costform.CanvasType.value == "framefriendly") {
theCost2 = theCost + canvasframefriendly;
} else if (document.costform.CanvasType.value == "museum") {
theCost2 = theCost + canvasmuseum;
} else { theCost2 = theCost; }
// var canvasMuseum = 60;
// var canvasframefriendly = 40;
alert("cost is: " + theCost);
document.costform.TotalCost.value = theCost2;
}
</script>
<form name="costform" method="POST" action="--WEBBOT-SELF--">
<p><b>Print Size:</b> <select size="1" name="PaperSize" onchange="updateCosts();">
<option value="">-- SELECT TYPE --</option>
<optgroup label="Paper Canvas">Paper</optgroup>
<option value="8x10_paper"> 8" x 10" - $5</option>
<option value="9x12_paper"> 9" x 12" - $11</option>
<option value="11x14_paper"> 11" x 14" - $15</option>
<option value="12x16_paper"> 12" x 16" - $19</option>
<option value="14x18_paper"> 14" x 18" - $26</option>
<option value="16x20_paper"> 16" x 20" - $33</option>
<option value="18x24_paper"> 18" x 24" - $45</option>
<option value="20x24_paper"> 20" x 24" - $49</option>
<option value="24x30_paper"> 24" x 30" - $75</option>
<option value="24x36_paper"> 24" x 36" - $90</option>
<option value="36x36_paper"> 36" x 36" - $135</option>
<option value="36x40_paper"> 36" x 40" - $150</option>
<option value="40x40_paper"> 40" x 40" - $165</option>
<option value="48x48_paper"> 48" x 48" - $240</option>
<option value="60x60_paper"> 60" x 60" - $375</option>
<optgroup label="Paper Canvas">Canvas</optgroup>
<option value="8x10_canvas"> 8" x 10" - $10</option>
<option value="9x12_canvas"> 9" x 12" - $15</option>
<option value="11x14_canvas"> 11" x 14" (1)- $20</option>
<option value="12x16_canvas"> 12" x 16" (1.3) - $26</option>
<option value="14x18_canvas"> 14" x 18" (1.75)- $35</option>
<option value="16x20_canvas"> 16" x 20" (2.2)- $44</option>
<option value="18x24_canvas"> 18" x 24" (3)- $60</option>
<option value="20x24_canvas"> 20" x 24" (3.3) - $66</option>
<option value="24x30_canvas"> 24" x 30" (5) - $100</option>
<option value="24x36_canvas"> 24" x 36" (6) - $120</option>
<option value="36x36_canvas"> 36" x 36" (9) - $180</option>
<option value="36x40_canvas"> 36" x 40" (10) - $200</option>
<option value="40x40_canvas"> 40" x 40" (11) - $220</option>
<option value="48x48_canvas"> 48" x 48" (16) - $320</option>
<option value="60x60_canvas"> 60" x 60" (25) - $500 </option>
</select></p>
<table border="1" width="100%">
<tr>
<td><b>
<input type="radio" value="printonly" name="CanvasType" id="CanvasType" checked="yes" onclick="updateCosts();">Print
Only</b> </td>
<td>No additional charge</td>
</tr>
<tr>
<td><b><input type="radio" value="museum" name="CanvasType" onclick="updateCosts();">Museum
wrapped canvas 1.5" thick</b></td>
<td>$60 additional </td>
</tr>
<tr>
<td><b><input type="radio" name="CanvasType" value="framefriendly" onclick="updateCosts();">Frame-Friendly
wrapped canvas</b></td>
<td>$40 additional </td>
</tr>
</table>
<p><input type="text" name="TotalCost" size="20" readonly="yes"></p>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>The first bit works fine (Print Size)
.. but for some reason, the document.costform.CanvasType.value bit is giving "undefined" as the value - is this just a stupid error on my front (i.e if Javascript expecting something different to the document.costform.CanvasType.value format?)
I've had a look around - but couldn't work it out
TIA
Andy