Here's the code for the front end order page:
<script type="text/javascript">
function writeTable(evenorodd, thescrubid, thesize, thequantity){
document.write('<tr class="');
if( evenorodd % 2 ==0){
document.write('even');}
else if ( evenorodd % 2 == 1){
document.write('odd');}
document.write('"><td>' + thescrubid + '</td>');
var description = getDescription(thescrubid);
document.write('<td>' + description + '</td>');
document.write('<td>' + thesize + '</td>');
var thecost = setCostOfScrubs(thescrubid);
var value = thequantity * thecost;
document.write('<td class="alignment">' + thequantity + '</td>');
document.write('<td class="alignment">$' + value.toFixed(2) + '</td></tr>');
return value;
}
function endLine(theline, thestring, theammount){
document.write('<tr><td class="hidemybottomother" colspan="2">' + theline + '</td><td class="hidemybottom" colspan="2"><strong>' + thestring + ': </strong></td><td class="bottomline">$' + theammount.toFixed(2) + '</td></tr>');
}
function scrubcolor(){
if(document.uniforms_f.position[document.uniforms_f.position.selectedIndex].value == "default"){
document.getElementById('colorwine').style.display = 'none';
document.getElementById('colorsand').style.display = 'none';
document.getElementById('colorbrown').style.display = 'none';
document.getElementById('colornavy').style.display = 'none';
document.getElementById('colornone').style.display = 'block';
}
else if(document.uniforms_f.position[document.uniforms_f.position.selectedIndex].value == "C.N.A."){
document.getElementById('colorwine').style.display = 'block';
document.getElementById('colorsand').style.display = 'none';
document.getElementById('colorbrown').style.display = 'none';
document.getElementById('colornavy').style.display = 'none';
document.getElementById('colornone').style.display = 'none';
}
else if(document.uniforms_f.position[document.uniforms_f.position.selectedIndex].value == "Unit Secretary"){
document.getElementById('colorwine').style.display = 'none';
document.getElementById('colorsand').style.display = 'block';
document.getElementById('colorbrown').style.display = 'none';
document.getElementById('colornavy').style.display = 'none';
document.getElementById('colornone').style.display = 'none';
}
else if(document.uniforms_f.position[document.uniforms_f.position.selectedIndex].value == "Support Associate"){
document.getElementById('colorwine').style.display = 'none';
document.getElementById('colorsand').style.display = 'none';
document.getElementById('colorbrown').style.display = 'block';
document.getElementById('colornavy').style.display = 'none';
document.getElementById('colornone').style.display = 'none';
}
else
{
document.getElementById('colorwine').style.display = 'none';
document.getElementById('colorsand').style.display = 'none';
document.getElementById('colorbrown').style.display = 'none';
document.getElementById('colornavy').style.display = 'block';
document.getElementById('colornone').style.display = 'none';
}
}
function printSheet(){
if(document.uniforms_f.deptName[document.uniforms_f.deptName.selectedIndex].value == "default"){
alert('Please Choose a Department');
document.uniforms_f.deptName.focus();
return false;
}
if(document.uniforms_f.position[document.uniforms_f.position.selectedIndex].value == "default"){
alert('Please Choose a Position');
document.uniforms_f.position.focus();
return false;
}
var thiswindow=window.self
var discount = 0;
var discount10106 = 0;
var discount50106 = 0;
var total = 0;
var current = document.uniforms_f;
var writePhones = "";
if(document.uniforms_f.dayPhone.value != ""){
writePhones = writePhones + 'Day: ' + document.uniforms_f.dayPhone.value + '<br />';}
if(document.uniforms_f.eveningPhone.value !=""){
writePhones = writePhones + 'Evening: ' + document.uniforms_f.eveningPhone.value + '<br />';}
if(document.uniforms_f.address1Line2.value != ""){
var writeAddress2 = current.address1Line2.value + '<br />';}
else{
var writeAddress2 = "";}
var address1info
address1info = current.name.value+'<br />' +current.address1Line1.value + '<br />' + writeAddress2 + current.address1City.value + ", " + current.address1State.value + " " + current.address1ZipCode.value + '<br />' + writePhones;
//}
var address2info;
if(current.pleaseDeliverTo[0].checked){
address2info = current.name.value+'<br />' +current.address1Line1.value + '<br />' + writeAddress2 + current.address1City.value + ", " + current.address1State.value + " " + current.address1ZipCode.value;}
else{
if(current.address2Line2.value != ""){
var writeAddress2Line2 = current.address2Line2.value + '<br />';}
else{
var writeAddress2Line2 = "";}
address2info = current.name.value+'<br />' +current.address2Line1.value + '<br />' + writeAddress2Line2 + current.address2City.value + ", " + current.address2State.value + " " + current.address2ZipCode.value;
}
var emailAdd = current.email.value;
var theid = new Array();
var thesize = new Array();
var thequantity = new Array();
var theoffset = 0;
var rowclass = 1;
var first = getElementsIndex(document.uniforms_f.firstfield) +1;
var last = getElementsIndex(document.uniforms_f.subTotal);
for (var i=first;i<last;i++){
current = document.uniforms_f.elements[i];
if(document.uniforms_f.elements[i].value >= 1){
rowclass++;
var temp = current.name.split('-');
theid[(i-theoffset-first)] = temp[0];
thesize[(i-theoffset-first)] = temp[1];
thequantity[(i-theoffset-first)] = current.value;
if(temp[0] == "10106" || temp[0] == "10106X") {
discount10106 = current.value * 1 + discount10106 * 1;}
if(temp[0] == "50106" || temp[0] == "50106X"){
discount50106 = current.value * 1 + discount50106 * 1;}
}
else{
theoffset++;
}
}
if(discount10106 <= discount50106){
discount = discount10106;
}
else{
discount = discount50106;
}
var department;
var newindex = document.uniforms_f.deptName.selectedIndex;
department = document.uniforms_f.deptName[newindex].value;
var position;
var colorwork;
position = document.uniforms_f.position[document.uniforms_f.position.selectedIndex].value
if(position == "C.N.A."){
colorwork = "Wine";
}
else if(position == "Unit Secretary"){
colorwork = "Sand";
}
else if(position == "Suport Associate"){
colorwork = "Brown";
}
else{
colorwork = "Navy";
}
var payment;
var current = document.uniforms_f;
if(document.uniforms_f.paymentType[0].checked == true)
{
payment = "Check";
}
else
{
payment = "Credit Card";
}
document.write('<html><head><link href="scrubs/trial.css" rel="stylesheet" type="text/css" /></head><body>');
document.write('<div class="printinvoice">');
for(var i=0; i < theid.length; i++)
{
total = total + writeTable(i,theid[i],thesize[i],thequantity[i]);
}
var delFee = 0;
if(total <= 20) {
delFee = 7.00;}
else if(total<= 50) {
delFee = 9.00;}
else{
var additionals = parseInt((total-50.01) / 25);
if (additionals < 1){
additionals = 2;
delFee = parseInt(9.00 + additionals);
}
else{
additionals ++;
additionals = additionals *2;
delFee = parseInt(9.00 + additionals);
}
}
document.write('<tr><td class="hidemybottomother1st hidemybottomother" colspan="2" style="text-align:left; border-right:hidden;"><strong>Color:</strong> ' + colorwork + '</td><td colspan="2" class="hidemybottom1st" style="border-left: hidden;"><strong>Subtotal:</strong> </td><td class="bottomline">$' + total.toFixed(2) + '</td></tr>');
endLine('<strong>Line 1: </strong>HUP Pyramid Logo','Delivery Fee', delFee);
endLine('<strong>Line 2: </strong>' + department,'Discount', (discount*-1));
var finaltotal = (total+delFee-discount);
endLine('<strong>Line 2: </strong>' + position + '<strong> Placement:</strong>#14 ULC <strong>Font:</strong>#2 Full Block <strong>Size:</strong>#2 3/8 <strong>Color:</strong> #2 White','Total', finaltotal);
document.write('</table>');
document.write('<strong>Payment Method:</strong> ' + payment + '<br />');
document.close();
}
function calculateUpdate(){
var total=0;
var theoffset = 0;
var discount = 0;
var discount10106 = 0;
var discount50106 = 0;
var theid = new Array;
var thesize = new Array;
var thequantity = new Array;
var first = getElementsIndex(document.uniforms_f.firstfield) + 1;
var last = getElementsIndex(document.uniforms_f.subTotal);
for (var i=first;i<last;i++)
{
var current = document.uniforms_f.elements[i];
if(document.uniforms_f.elements[i].value >= 1){
var temp = current.name.split('-');
theid[(i-theoffset-first)] = temp[0];
thesize[(i-theoffset-first)] = temp[1];
thequantity[(i-theoffset-first)] = current.value;
if(temp[0] == "10106" || temp[0] == "10106X") {
discount10106 = current.value * 1 + discount10106 * 1;}
if(temp[0] == "50106" || temp[0] == "50106X"){
discount50106 = current.value * 1 + discount50106 * 1;}
}
else
{
theoffset++;
}
}
if(discount10106 <= discount50106){
discount = discount10106;
}
else{
discount = discount50106;
}
for(var i=0; i < theid.length; i++){
var thecost = setCostOfScrubs(theid[i]);
var value = thequantity[i] * thecost;
total = total + value;
}
var delFee = 0;
if(total <= 20) {
delFee = 7.00;}
else if(total<= 50) {
delFee = 9.00;}
else{
var additionals = parseInt((total-50.01) / 25);
if (additionals < 1){
additionals = 2;
delFee = parseInt(9.00 + additionals);
}else{
additionals ++;
additionals = additionals *2;
delFee = parseInt(9.00 + additionals);
}
}
var finaltotal = (total+delFee-discount);
document.uniforms_f.totalPrice.value = finaltotal.toFixed(2);
document.uniforms_f.theDiscount.value = discount.toFixed(2);
document.uniforms_f.deliveryFee.value = delFee.toFixed(2);
document.uniforms_f.subTotal.value = total.toFixed(2);
}
</script>
<script src="uniformsValidation.js" type="text/javascript"></script>
<script src="scrubobject5.js" type="text/javascript"></script>
<title>New HUP Nursing Uniform Order Form</title>
</head>
<body style="font-size:12px;"> <!--Keep at 12, it is used to define the size of the ems, changes will disrupt layout.-->
<div id="maincontainer">
<div id="topsection">
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="dontPrint">
<div class="content">
<div class="container">
<form name="uniforms_f" method="POST" action="/cgi-bin/FormLogger.asp" style="text-align:left;">
<label class="long">Position:
<select name="position" onchange="scrubcolor();">
<option value="default" selected>Select Your Position</option>
<option value="C.N.A.">C.N.A.</option>
<option value="R.N.">R.N.</option>
<option value="C.R.N.P.">C.R.N.P.</option>
<option value="Unit Secretary">Unit Secretary</option>
<option value="Support Associate">Support Associate</option>
</select>
<br /><br />Color of Your Scrubs:
<img src="scrubs/images/wine.png" id="colorwine" style="display:none;" />
<img src="scrubs/images/sand.jpg" id="colorsand" style="display:none;" />
<img src="scrubs/images/chocbrown.jpg" id="colorbrown" style="display:none;" />
<img src="scrubs/images/navy.png" style="display:none;" id="colornavy" />
<span id="colornone" style="display: block;">N/A</span>
</label>
This post has been edited by miensta: 24 October 2008 - 10:15 AM

New Topic/Question
Reply



MultiQuote





|