7 Replies - 739 Views - Last Post: 27 October 2008 - 05:42 PM

#1 miensta  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 33
  • Joined: 03-May 08

Allowing certain users to order certain items on an order form

Posted 24 October 2008 - 10:39 AM

Basically, this is an order form. I'm trying to create a function where those who wear navy (RNs, CRNPs) are the only ones allowed to order Maternity pants. Also, the fleece jacket is not available in brown, which is what Support Associates wear. Please help!!!

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>




Rest of the code:
						<div class="heading">
						<h4>Products</h4>
						</div>
						<br />	   



Is This A Good Question/Topic? 0
  • +

Replies To: Allowing certain users to order certain items on an order form

#2 JMRKER  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 129
  • View blog
  • Posts: 837
  • Joined: 25-October 08

Re: Allowing certain users to order certain items on an order form

Posted 25 October 2008 - 11:30 AM

I just posted something for another member that might work for you. :^:
See post #6 of: http://www.dreaminco...wtopic67212.htm

In the script, you could change the 'Group' to the user you wish to limit input from.
In the <DIV> sections, you could enter the limited entries for each user.

If interested, post back. From your description, I thought you might be able to modify this. :)
If of no interest, just ignore this post.
Was This Post Helpful? 0
  • +
  • -

#3 miensta  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 33
  • Joined: 03-May 08

Re: Allowing certain users to order certain items on an order form

Posted 27 October 2008 - 05:50 AM

Thanks for your input. This almost gets me in the right direction, however...I need to make specific items available to specific people, not unique pricing for specific people.

This post has been edited by miensta: 27 October 2008 - 05:50 AM

Was This Post Helpful? 0
  • +
  • -

#4 JMRKER  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 129
  • View blog
  • Posts: 837
  • Joined: 25-October 08

Re: Allowing certain users to order certain items on an order form

Posted 27 October 2008 - 07:03 AM

View Postmiensta, on 27 Oct, 2008 - 05:50 AM, said:

Thanks for your input. This almost gets me in the right direction, however...I need to make specific items available to specific people, not unique pricing for specific people.

Just change the sections that apply. Drop off the pricing information and inject your needs.
Need to have a more specific example of your needs to get a recommended change.
Was This Post Helpful? 0
  • +
  • -

#5 miensta  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 33
  • Joined: 03-May 08

Re: Allowing certain users to order certain items on an order form

Posted 27 October 2008 - 10:04 AM

Ok. Here's a description of what I need:

There are four types of Nurses, each wears their own color: R.N. = navy, C.N.A. = wine, C.R.N.P. = navy, Unit Secretary = sand, Support Associate = brown.

(I thought this showed up when I posted it but I'll reply with the appropriate code)

There are two items that can be ordered, Maternity Pant and Fleece Jacket. However, only RNs can order the Pant and Support Associates can NOT order the Fleece Jacket.
Was This Post Helpful? 0
  • +
  • -

#6 miensta  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 33
  • Joined: 03-May 08

Re: Allowing certain users to order certain items on an order form

Posted 27 October 2008 - 10:12 AM

Here's the code for the two items:
						   <fieldset>
			<legend>Fleece Jacket (Zipper)</legend>
			<br/><table id="tableWidth">
			<tr> 
			  <td width="20%" class="tableBorders"><strong><font color="#FF0000">$22.00</font> each</strong></td>
			  <td colspan="2" class="tableBorders" width="33%"><table><tr><td><strong>Size:</strong></td>
			  <td><div align="center"><strong>XS</strong></div></td>
			  <td><div align="center"><strong>S</strong></div></td>
			  <td><div align="center"><strong>M</strong></div></td>
			  <td><div align="center"><strong>L</strong></div></td>
			  <td><div align="center"><strong>XL</strong></div></td>
			  <td><div align="center"><strong>2X</strong></div></td>
			  </tr><tr><td><strong>Quantity:</strong></td>
			  <td> <input type="text" name="fleecejacket-XS" id="basicVXS" style="width:25px" /> </td>
			  <td><input type="text" name="fleecejacket-S" id="basicS" style="width:25px" /></td>
			  <td><input type="text" name="fleecejacket-M" id="basicVM" style="width:25px" /></td>
			  <td><input type="text" name="fleecejacket-L" id="basicVL" style="width:25px" /></td>
			  <td><input type="text" name="fleecejacket-XL" id="basicVXL" style="width:25px" /></td>
			  <td><input type="text" name="fleecejacket-2X" id="basicV2X" style="width:25px" /></td>
			  </tr></table>								</td>
			  <td width="33%" rowspan="2"><img src="scrubs/images/tllf442.jpg" style="margin-left:20px;" /></td>
			</tr>
			<tr>
			  <td class="tableBorders"><strong><font color="#FF0000">$24.00</font> each</strong></td>
			  <td class="tableBorders" colspan="2"><table>
								<tr>
								  <td><strong>Size:</strong></td>
								  <td><div align="center"><strong>3X</strong></div></td>
								  <td><div align="center"><strong>4X</strong></div></td>
								</tr>
								<tr>
								  <td><strong>Quantity:</strong></td>
								  <td><input type="text" name="fleecejacket-3X" id="basicV3X" style="width:25px" /></td>
								  <td><input type="text" name="fleecejacket-4X" id="basicV4X" style="width:25px" /></td>
								</tr>
			  </table></td>
			  
			</tr>
			</table>
			</fieldset>
		   <fieldset>
			<legend>Maternity Pant </legend>
			<br/><table id="tableWidth">
			<tr> 
			  <td width="20%" class="tableBorders"><strong><font color="#FF0000">$18.00</font> each</strong></td>
			  <td colspan="2" class="tableBorders" width="33%"><table><tr><td><strong>Size:</strong></td>
			  <td><div align="center"><strong>XS</strong></div></td>
			  <td><div align="center"><strong>S</strong></div></td>
			  <td><div align="center"><strong>M</strong></div></td>
			  <td><div align="center"><strong>L</strong></div></td>
			  <td><div align="center"><strong>XL</strong></div></td>
			  <td><div align="center"><strong>2X</strong></div></td>
			  </tr><tr><td><strong>Quantity:</strong></td>
			  <td><input type="text" name="maternitypant-XS" id="basicVXS" style="width:25px" /> </td>
			  <td><input type="text" name="maternitypant-S" id="basicS" style="width:25px" /></td>
			  <td><input type="text" name="maternitypant-M" id="basicVM" style="width:25px" /></td>
			  <td><input type="text" name="maternitypant-L" id="basicVL" style="width:25px" /></td>
			  <td><input type="text" name="maternitypant-XL" id="basicVXL" style="width:25px" /></td>
			  <td><input type="text" name="maternitypant-2X" id="basicV2X" style="width:25px" /></td>
			  </tr></table>								</td>
			  <td width="33%" rowspan="2"><img src="scrubs/images/nopicture.jpg" alt="Maternity Pant" /></td>
			</tr>
			
			  </table></td>
			  
			</tr>
			</table>
		</fieldset>


Was This Post Helpful? 0
  • +
  • -

#7 JMRKER  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 129
  • View blog
  • Posts: 837
  • Joined: 25-October 08

Re: Allowing certain users to order certain items on an order form

Posted 27 October 2008 - 02:50 PM

View Postmiensta, on 27 Oct, 2008 - 10:04 AM, said:

Ok. Here's a description of what I need:

There are four types of Nurses, each wears their own color: R.N. = navy, C.N.A. = wine, C.R.N.P. = navy, Unit Secretary = sand, Support Associate = brown.

I'm a bit confused. I count 5 types in your list.

Also, in this statement:

Quote

There are two items that can be ordered, Maternity Pant and Fleece Jacket. However, only RNs can order the Pant and Support Associates can NOT order the Fleece Jacket.

So "Support Associate' is not a nurse? And they can order what if they cannot order 'Pant' or 'Fleece Jacket'?
Was This Post Helpful? 0
  • +
  • -

#8 JMRKER  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 129
  • View blog
  • Posts: 837
  • Joined: 25-October 08

Re: Allowing certain users to order certain items on an order form

Posted 27 October 2008 - 05:42 PM

Here's my best guess as to what you want to do. :)
<html>
<head>
<title>Nurse Order</title>
<script type="text/javascript">
function UpdateGroups(Group) {
  document.getElementById('Blank').innerHTML = '';
  document.getElementById('Jacket').style.display = 'none';
  document.getElementById('Pant').style.display = 'none';
  switch (Group) {
	  case 'RN':
		document.getElementById('Jacket').style.display = 'block';
		document.getElementById('Pant').style.display = 'block';
		  document.getElementById('Blank').innerHTML = 'Color: Navy';
		break;
	  case 'CNA':
		document.getElementById('Jacket').style.display = 'block';
		document.getElementById('Pant').style.display = 'block';
		  document.getElementById('Blank').innerHTML = 'Color: Wine';
		break;
	  case 'CRNP':
		document.getElementById('Jacket').style.display = 'block';
		document.getElementById('Pant').style.display = 'block';
		  document.getElementById('Blank').innerHTML = 'Color: Navy';
		break;
	  case 'Unit':
		document.getElementById('Jacket').style.display = 'block';
//		document.getElementById('Pant').style.display = 'block';
		  document.getElementById('Blank').innerHTML = 'Color: Sand';
		break;
	  case 'Support':
//		document.getElementById('Jacket').style.display = 'block';
//		document.getElementById('Pant').style.display = 'block';
		  document.getElementById('Blank').innerHTML = 'Color: Brown';
		break;
  }
}

</script>
</head>
<body>

<select id="Groups" onchange="UpdateGroups(this.value)">
 <option value="Blank">Select</option>
 <option value="RN">R.N.</option>
 <option value="CNA">C.N.A.</option>
 <option value="CRNP">C.R.N.P.</option>
 <option value="Unit">Unit Secretary</option>
 <option value="Support">Support Associate</option>
</select>
<div id="Blank" style="display:block"></div>

<div id="Jacket" style="display:none">
<fieldset>
<legend>Fleece Jacket (Zipper)</legend>
<br/>
<table id="tableWidth">
 <tr>
 <td width="20%" class="tableBorders"><strong><font color="#FF0000">$22.00</font> each</strong></td>
 <td colspan="2" class="tableBorders" width="33%">
  <table>
  <tr>
  <td><strong>Size:</strong></td>
  <td><div align="center"><strong>XS</strong></div></td>
  <td><div align="center"><strong>S</strong></div></td>
  <td><div align="center"><strong>M</strong></div></td>
  <td><div align="center"><strong>L</strong></div></td>
  <td><div align="center"><strong>XL</strong></div></td>
  <td><div align="center"><strong>2X</strong></div></td>
  </tr>
  <tr>
  <td><strong>Quantity:</strong></td>
  <td> <input type="text" name="fleecejacket-XS" id="basicVXS" style="width:25px" /> </td>
  <td><input type="text" name="fleecejacket-S" id="basicS" style="width:25px" /></td>
  <td><input type="text" name="fleecejacket-M" id="basicVM" style="width:25px" /></td>
  <td><input type="text" name="fleecejacket-L" id="basicVL" style="width:25px" /></td>
  <td><input type="text" name="fleecejacket-XL" id="basicVXL" style="width:25px" /></td>
  <td><input type="text" name="fleecejacket-2X" id="basicV2X" style="width:25px" /></td>
  </tr>
  </table>
 </td>
 <td width="33%" rowspan="2"><img src="scrubs/images/tllf442.jpg" style="margin-left:20px;" alt="scrubs image" /></td>
 </tr>
 <tr>
 <td class="tableBorders"><strong><font color="#FF0000">$24.00</font> each</strong></td>
 <td class="tableBorders" colspan="2">
  <table>
  <tr>
  <td><strong>Size:</strong></td>
  <td><div align="center"><strong>3X</strong></div></td>
  <td><div align="center"><strong>4X</strong></div></td>
  </tr>
  <tr>
  <td><strong>Quantity:</strong></td>
  <td><input type="text" name="fleecejacket-3X" id="basicV3X" style="width:25px" /></td>
  <td><input type="text" name="fleecejacket-4X" id="basicV4X" style="width:25px" /></td>
  </tr>
  </table>
 </td>
 </tr>
</table>
</fieldset>
</div>

<div id="Pant" style="display:none">
<fieldset>
<legend>Maternity Pant </legend>
<br/>
<table id="tableWidth">
 <tr>
 <td width="20%" class="tableBorders"><strong><font color="#FF0000">$18.00</font> each</strong></td>
 <td colspan="2" class="tableBorders" width="33%">
  <table>
  <tr><td><strong>Size:</strong></td>
  <td><div align="center"><strong>XS</strong></div></td>
  <td><div align="center"><strong>S</strong></div></td>
  <td><div align="center"><strong>M</strong></div></td>
  <td><div align="center"><strong>L</strong></div></td>
  <td><div align="center"><strong>XL</strong></div></td>
  <td><div align="center"><strong>2X</strong></div></td>
  </tr>
  <tr>
  <td><strong>Quantity:</strong></td>
  <td><input type="text" name="maternitypant-XS" id="basicVXS" style="width:25px" /> </td>
  <td><input type="text" name="maternitypant-S" id="basicS" style="width:25px" /></td>
  <td><input type="text" name="maternitypant-M" id="basicVM" style="width:25px" /></td>
  <td><input type="text" name="maternitypant-L" id="basicVL" style="width:25px" /></td>
  <td><input type="text" name="maternitypant-XL" id="basicVXL" style="width:25px" /></td>
  <td><input type="text" name="maternitypant-2X" id="basicV2X" style="width:25px" /></td>
  </tr>
  </table>
 </td>
 <td width="33%" rowspan="2"><img src="scrubs/images/nopicture.jpg" alt="Maternity Pant" /></td>
 </tr>
</table>
</fieldset>
</div>
		
</body>
</html>


Was This Post Helpful? 0
  • +
  • -

Page 1 of 1