receipt-example-thinkgeek

Jump to: navigation, search

Three Examples from ThinkGeek.com

http://upallnite.com/receipts/thinkgeek.html



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- template: checkout/warpspeed.tt2 -->

<html>
<head>
	<title>ThinkGeek :: WarpSpeed Checkout</title>

	<meta http-equiv="Content-Script-Type" content="text/javascript">

	<!-- BEGIN CSS DECLARATION TEMPLATE -->
	<link rel="stylesheet" type="text/css" href="/css/base.css">
	<link rel="stylesheet" type="text/css" href="/css/warpspeed.css">

	<style type="text/css">
		@import url(/css/base-import.css);

	</style>
	<!-- END CSS DECLARATION TEMPLATE -->

</head>

<body background="/images/bg.gif" onload="set_default_payment_type()">

<!-- BEGIN top table, logo, search and top right navigation -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td valign="top">
		<a href="http://www.thinkgeek.com/" target="_top">

			<img src="/images/tg-logo.gif" height="62" width="170" alt="ThinkGeek" border="0">
		</a>
	</td>
	<td valign="top" align="right">
		<form action="http://www.thinkgeek.com/brain/whereisit.cgi" method="get" target="_top">
		<table cellpadding="0" cellspacing="0"><tr>
			<td><img src="/images/navigation/top-nav-search.gif" height="5" width="39" alt="Search"></td>
			<td><input type="text" name="t" value="" size="12" class="search"></td>
			<td><input type="image" src="/images/navigation/top-nav-go.gif" alt="GO" border="0"></td>

		</tr></table>
		</form>
	</td>
	<td valign="top" align="right" width="300">
		<table cellpadding="0" cellspacing="0" border="0" width="285" align="right">
		<tr>
			<td align="right" valign="middle" id="top-right-nav-row1" class="white-11px">
				<a href="https://www.thinkgeek.com/brain/account/index.cgi" target="_top">
					<img src="/images/navigation/top-nav-account-icon.gif" alt="Account" width="24" height="15"
							border="0" align="absmiddle">

				</a>
				<a href="https://www.thinkgeek.com/brain/account/index.cgi" target="_top">Account</a>
				<a href="http://www.thinkgeek.com/brain/wishes.cgi" target="_top">
					<img src="/images/navigation/top-nav-wishlists-icon.gif" alt="Wishlists" width="27" height="15"
							border="0" align="absmiddle">
				</a>
				<a href="http://www.thinkgeek.com/brain/wishes.cgi" target="_top">Wishlists</a>
				<a href="http://www.thinkgeek.com/" target="_top">
					<img src="/images/navigation/top-nav-home-icon.gif" width="20" height="15" alt="Home"
							border="0" align="absmiddle">

				</a>
				<a href="http://www.thinkgeek.com/" target="_top">Home</a>
			</td>
		</tr>
		<tr>
			<td align="right" valign="middle" id="top-right-nav-row2" class="white-11px">
				| <a href="http://www.thinkgeek.com/about-us/" target="_top">About Us</a>

				| <a href="http://www.thinkgeek.com/bug-us/" target="_top">Bug Us</a>
				| <a href="http://www.thinkgeek.com/fortune.shtml" target="_top">Fortunes</a>
				| <a href="http://www.thinkgeek.com/help/" target="_top">Help</a>
				| <img src="/images/navigation/top-nav2-baby.gif" width="32" height="21" alt="Cute Baby"
						border="0" align="absmiddle">
			</td>

		</tr>
		<tr>
			<td id="top-right-nav-row3"><!-- dont add line breaks please --><img src="/images/transparent-pixel.gif" width="1" height="18" alt="-" border="0"></td>
		</tr>
		</table>
	</td>
</tr>
</table>
<!-- END top table, logo, search and top right navigation -->

<!-- BEGIN whole width table -->

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td valign="top" id="main-body-cell">

		<!-- BEGIN login and loot section -->
		<table width="100%" cellpadding="0" cellspacing="0" border="0" id="login-loot">
		<tr>
			<td align="left" class="black-10px">

	You're logged in as Joe Osowski (joe.osowski@gmail.com)
	[ <a href="/brain/account/login.cgi?a=lo&bc7849f9aae61cd601af4ca1" target="_top">logout</a> ]

			</td>

			<td align="right" class="loot">

				<img src="/images/loot-icon.gif" width="16" height="16" alt="Loot!" border="0" align="absmiddle">
				Loot: <a href="http://www.thinkgeek.com/brain/loot.cgi" target="_top">Go to your cart</a>

			</td>
		</tr>
		</table>
		<!-- END login and loot section -->



		<!-- BEGIN main body -->




		<noscript>
			<meta http-equiv="refresh" content="0; url=/brain/order/spend.cgi?stid=00?msredir=00">
		</noscript>

		<script type="text/javascript">
		function OpenThoughtConfigLocal ()
		{
				log_enabled = true;
			this.require = { "40dom" : "/brain/order/spend.cgi?stid=00?msredir=00",
						"xmlhttp" : "/brain/order/spend.cgi?stid=00?msredir=00",
						"htmlrewrite" : "/brain/order/spend.cgi?stid=00?msredir=00"};

			this.status_fetch_start = "Fetching records...";
			this.status_fetch_display = "Fetching records... displaying";
			this.status_fetch_finish = "Fetching records... done!";
		}
		</script>
		<script src="/js/OpenThought2.js"></script>

		<script type="text/javascript">
			// This is stupid browser hacking stuff for lameass IE.
			// There are probably better ways to do this, but I don't really care ATM ...
			// (some ideas stolen from http://www.codetoad.com/forum/20_22736.asp)
			function compensate_for_IE_suckiness_on ()
			{
				if (document.all)
				{
					for (var form_num=0; form_num < document.forms.length; ++form_num)
					{
						for (var element_num=0; element_num < document.forms[form_num].elements.length; ++element_num)
						{
							var element = document.forms[form_num].elements[element_num];
							if (element.type == 'select-one')
							{
								element.style.visibility = 'hidden';
							}
						}
					}
				}
			}

			function compensate_for_IE_suckiness_off ()
			{
				if (document.all)
				{
					for (var form_num=0; form_num < document.forms.length; ++form_num)
					{
						for (var element_num=0; element_num < document.forms[form_num].elements.length; ++element_num)
						{
							var element = document.forms[form_num].elements[element_num];
							if (element.type == 'select-one')
							{
								element.style.visibility = 'visible';
							}
						}
					}
				}
			}
		</script>




<script type="text/javascript">
	var imagebutton = new Image;
	imagebutton.src="/images/checkout/place-order.gif";

	function set_default_payment_type ()
	{
		OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=display_payment', 'order_id', 'pay_method=CC');
	}
</script>



<form name="warpspeed" onsubmit="return false">
<input type="hidden" name="order_id" value="b5813364">

<p>

	<img src="/images/checkout/warpspeed-title.gif" alt="WarpSpeed Checkout!" width="465" height="45" border="0"
			align="left" hspace="10">
	<img src="/images/checkout/timmy-header.gif" alt="Timmy!" width="75" height="47" border="0" align="right" style="margin-right: -8px;">

		Review the info below, enter your payment details, then choose "Place Order". Simple, huh?

	<br clear="left">
</p>


<table cellpadding="10" border="0" width="100%" align="center">
<tr>
<td valign="top">



	<!-- BEGIN CART TABLE -->

	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#dfe1e4">
		<td valign="bottom" width="407"><img src="/images/checkout/cart1a.gif" alt="Items you are purchasing today:"
				width="407" height="23" border="0"></td>
		<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
	</tr>
	<tr bgcolor="#d2d3d3">
		<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
			<img src="/images/checkout/cart2a.gif" alt="Items you are purchasing today:" width="407" height="4" border="0"></td>
	</tr>

	</table>

	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#d2d3d3">
		<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;" colspan="2">

		<div id="cart_box" name="cart_box">
			<table border="0" cellpadding="5" cellspacing="0" width="100%">
			<tr>
				<td><p class="black-11px"><strong>Description</strong></p></td>

				<td><p class="black-11px" align="center"><strong>Quantity</strong></p></td>
				<td><p class="black-11px" align="center"><strong>In Stock</strong></p></td>
				<td><p class="black-11px" align="center"><strong>Retail</strong></p></td>
				<td><p class="black-11px" align="center"><strong>Unit</strong></p></td>
				<td><p class="black-11px" align="center"><strong>Total</strong></p></td>
			</tr>

				<tr bgcolor="#fbfbfd">
					<td><p class="black-11px">PowerSquid Outlet Multiplier - Yellow</a></p></td>
					<td><p class="black-11px" align="center">1</p></td>
					<td><p class="black-11px" align="center">Yes</p></td>
					<td><p class="black-11px" align="right">$11.99</p></td>
					<td><p class="black-11px" align="right">$11.99</p></td>

					<td><p class="black-11px" align="right">$11.99</p></td>
				</tr>

			<tr bgcolor="#f8f8fb">
				<td colspan="6" align="center" style="border-top: 1px solid #cccccc;">
					<p>[ <a href="http://www.thinkgeek.com/brain/loot.cgi" target="_top" title="Click here to edit the contents of your cart.">
						<strong>change quantities or delete items</strong>
					</a> ]</p>

				</td>
			</tr>
			</table>
		</div>

		</td>
	</tr>
	</table>




	<table border="0" cellpadding="0" cellspacing="0" width="92%" align="center" style="border-left: 1px solid #9098D9; border-right: 1px solid #9098D9; border-bottom: 1px solid #9098D9;">		<tr bgcolor="#F5F4E8">

			<td>
				<img src="/images/checkout/gp0-title.gif" alt="Geek Points - Not Signed Up!"
						width="102" height="24" border="0">
			</td>
			<td align="center" nowrap="nowrap">
				<p class="black-10px">						You could be earning 100
						<a href="http://www.thinkgeek.com/geekpoints/" target="_top" title="Learn more about Geek Points!">
							Geek Points
						</a>
						with this order!
						<a href="http://www.thinkgeek.com/geekpoints/" target="_top" title="Sign up for Geek Points!">

							<strong>Sign up now!</strong>
						</a>				</p>
			</td>
			<td align="right">
				<img src="/images/checkout/gp0-hand.gif" width="18" height="24" alt="Geek Points!" border="0">
			</td>
		</tr>	</table>

	<!-- END CART TABLE -->


	<br>

	<!-- BEGIN ERROR/ALERT PLACEHOLDER TABLE -->
	<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td width="35%" style="margin: 0px; padding: 0px; border-collapse: collapse;"></td>
		<td width="65%" align="center" style="margin: 0px; padding: 0px; border-collapse: collapse;">

			<div id="create_error_box">

		<!-- This right here is the DHTML Layer Popup for Errors and Alerts -->
		<a name="top_of_error_box"></a>
		<div id="error_placeholder" style="position:relative; z-index:99; height: 0px; width:100%;
				padding: 0px; margin: 0px; display:block; text-align: left;">

			<div id="error_box" style="position: absolute; width:100%; top:25px; left: 0px; z-index:99; visibility: hidden;">

				<div class="shadow-outer"
						style="background: url(/images/checkout/shadowAlpha.png) no-repeat bottom right !important;">
					<div class="shadow-inner" style="border: 5px solid #003399;
							background: #ffffff; padding: 0px;">

							<div style="background-color: #003399; color: white; padding: 3px; margin: 0px;">
								<img src="/images/checkout/icon-alert.gif" alt="!" width="24" height="22" border="0">
								<strong>Important Stuff!</strong>
							</div>

						<div style="text-align:left; padding: 15px;">

							<div id="error_box_msg_area">
							</div>

							<div align="center" style="padding-top: 10px; text-align: center;">
								<input type="button" name="error_box_okay" value="  Close  "
										onclick="compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('error_box')">
							</div>

						</div>

					</div>
				</div>

			</div>

		</div>
			</div>
	<script type="text/javascript">
		function throw_error_box()
		{
			var html_data = '';
			for (var i=0; i < arguments.length; ++i)
			{
				html_data = html_data + '<p>' + arguments[i] + '</p>';
			}

			OpenThought.SetElement('error_box_msg_area', html_data);
			show_errors();
		}

		function show_errors()
		{
			compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('processing');

			OpenThought.util.ShowElement('error_box'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'error_box_okay' ] }); compensate_for_IE_suckiness_on();
			OpenThought.Focus('top_of_error_box');
			OpenThought.Focus('error_box_okay');
		}
	</script>

	<!--			<script type="text/javascript">
			function show_error_box_shim ()
			{
				set_error_box_shim_vis(1);
			}

			function hide_error_box_shim ()
			{
				set_error_box_shim_vis(0);
			}

			function set_error_box_shim_vis (state)
			{
				var div = OpenThought.FindElement('error_box');
				var shim = OpenThought.FindElement('error_box_shim');

				if (state)
				{
					shim.style.width = div.offsetWidth;
					shim.style.height = div.offsetHeight;
					shim.style.top = div.offsetTop;
					shim.style.left = div.offsetLeft;
					shim.style.zIndex = div.style.zIndex - 1;
					shim.style.display = 'block';
				}
				else
				{
					shim.style.display = 'none';
				}
			}
		</script>	-->

		</td>
	</tr>
	</table>

	<!-- END ERROR/ALERT PLACEHOLDER TABLE -->

	<!-- BEGIN SHIPPING TABLE -->
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#dfe1e4">
		<td valign="bottom" width="258">
			<img src="/images/checkout/shipping1a.gif" alt="Shipping Options:" width="258" height="23" border="0"></td>
		<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
	</tr>

	<tr bgcolor="#f8f8fb">
		<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
			<img src="/images/checkout/shipping2a.gif" alt="Shipping Options:" width="258" height="4" border="0"></td>
	</tr>
	</table>

	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#f8f8fb">
		<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;"
				colspan="2">

			<table border="0" cellspacing="0" width="100%">
			<tr>
				<td valign="top" style="padding:8px;">

					<div style="background-color: #F6E5B3; padding: 1px; border: solid 1px #F6E5B3;" class="black-12px"><strong>  Shipping to:</strong></div>
					<div style="background-color: #FDFBE9; padding: 3px; border: solid 1px #F6E5B3;">
						<div class="black-12px" style="margin-left: 15px; padding: 2px;">
							Joe Osowski<br />

Street<br />
City, State 19146<br />
United States<br />

						</div>
						<div class="black-12px" style="padding: 10px;" align="center">
							[ <a  href="#" onclick="OpenThought.FetchHtml('https://www.thinkgeek.com//brain/checkout/address.cgi', 'mode=BUILD', 'stid=50', 'which=ship'); return false" >
								<strong>change address</strong>

							</a> ]
						</div>
					</div>

				</td>
				<td valign="top" style="padding:8px;">

					<div class="black-12px" style="background-color: #F6E5B3; padding: 1px; border: solid 1px #F6E5B3;">
					<strong>  Choose your shipping method:</strong>

						<span id="ship-popup">   
						[ <a class="novisit" href="http://www.thinkgeek.com/help/shipping-note.shtml" target="_blank" onclick="window.open('http://www.thinkgeek.com/help/shipping-note.shtml','newWindow','height=500,width=400,top=200,left=300,resizable'); return false"> Ship Method Explanations </a> ]
						</span>

					</div>

					<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"
							style="border-left: 1px solid #F6E5B3; border-bottom: 1px solid #F6E5B3;">
						<tr> <td valign="top">

						<table border="0" cellpadding="2" cellspacing="0" width="100%">
								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 
									<input type="radio" name="ship_method" value="abgnd"
											id="abgnd" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
									</td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
										<label for="abgnd">
											<strong>DHL @Home</strong><br>

											$6.07
										</label>
									</p></td>
								</tr>
								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 
									<input type="radio" name="ship_method" value="GNDRES"
											id="GNDRES" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
									</td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">

										<label for="GNDRES">
											<strong>UPS Ground</strong><br>
											$6.90
										</label>
									</p></td>
								</tr>
								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 
									<input type="radio" name="ship_method" value="ab2nd"
											id="ab2nd" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >

									</td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
										<label for="ab2nd">
											<strong>DHL 2 Day</strong><br>
											$7.54
										</label>
									</p></td>
								</tr>
								<tr>

									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 
									<input type="radio" name="ship_method" value="2DA"
											id="2DA" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
									</td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
										<label for="2DA">
											<strong>UPS 2 Day</strong><br>
											$7.79
										</label>
									</p></td>

								</tr>
						</table> </td>
						<td valign="top">
						<table border="0" cellpadding="2" cellspacing="0" width="100%">
								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 
									<input type="radio" name="ship_method" value="3DSRES"
											id="3DSRES" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
									</td>

									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
										<label for="3DSRES">
											<strong>UPS 3 Day</strong><br>
											$7.94
										</label>
									</p></td>
								</tr>
								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 

									<input type="radio" name="ship_method" value="abnxt"
											id="abnxt" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
									</td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
										<label for="abnxt">
											<strong>DHL Next Day</strong><br>
											$11.90
										</label>
									</p></td>
								</tr>

								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap"> 
									<input type="radio" name="ship_method" value="1DA"
											id="1DA" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
									</td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
										<label for="1DA">
											<strong>UPS Next Day</strong><br>
											$12.44
										</label>

									</p></td>
								</tr>
								<tr>
									<td valign="middle" style="border-top: 1px solid #F6E5B3;">   </td>
									<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;"><p class="black-11px">
										  <br>  
									</p></td>

								</tr>
						</table> </td> </tr>
							<tr><td colspan="2" style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;">
							<div class="black-11px" style="text-align: center; padding: 2px;">Transit times are in business days.</div>

							</td></tr>
					</table>
				</td>

			</tr>
			<tr>
				<td valign="top">
				<div class="black-11px" style="text-align: center; margin: 0px 8px 4px 8px; padding: 3px; background-color: #f4f4f1; border: solid 1px #F6E5B3;">
				<div style="padding-bottom: 3px;"><a href="http://www.thinkgeek.com/help/shipping.shtml" target="_new"
					title="Information about Shipping. Opens in a new window." class="novisit"><strong>Shipping Information</strong></a></div>
				<a href="http://www.thinkgeek.com/help/international.shtml" target="_new"
					title="If you're shipping outside of the US, click for important info. Opens in a new window." class="novisit">International</a>
				| <a href="http://www.thinkgeek.com/help/ws_military.shtml" target="_new"
					title="Info and instructions for shipping to APO/FPO addresses. Opens in a new window." class="novisit">APO & FPO</a>

				</div>
				</td>
				<td valign="top">
					<!-- GLOBAL 'SHIP INFO' TEMPLATE -->

 	<div id="ship-info-important">
     <strong>
	In-stock orders normally ship within 1-2 business days.
	 </strong>
<!--
	There will be no shipments on Monday 2/19 <br>
	due to to the President's Day Holiday.
-->

 	</div>


<!--    <div id="ship-info">
    <strong>Same day shipping</strong> for in-stock orders<br>
	placed before 1pm eastern time M-F. <br>
	</div>
-->


<!-- END OF GLOBAL SHIP INFO TEMPLATE -->

				</td>
			</tr>
			</table>

		</td>
	</tr>

	</table>
	<!-- END SHIPPING TABLE -->



</td>
<td valign="top" width="240">


	<!-- BEGIN SUMMARY TABLE -->
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#dfe1e4">

		<td valign="bottom" width="100">
			<img src="/images/checkout/summary1.gif" alt="Summary" width="170" height="18" border="0"></td>
		<td valign="bottom" style="border-bottom: 1px solid #cc9900;"> </td>
	</tr>
	<tr bgcolor="#fdfbe9">
		<td valign="top" colspan="2" style="border-left: 1px solid #cc9900; border-right: 1px solid #cc9900;">
			<img src="/images/checkout/summary2.gif" alt="Order Summary" width="170" height="4" border="0"></td>
	</tr>
	</table>

	<table border="0" cellpadding="5" cellspacing="0" width="100%">
	<tr bgcolor="#fdfbe9">
		<td style="border-left: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-right: 1px solid #cc9900;" colspan="2">

		<div name="order_summary" id="order_summary">
			<table border="0" cellpadding="5" cellspacing="0" align="center" width="100%">
			<tr>
				<td align="right"><p class="black-11px"><strong>Product Subtotal:</strong></p></td>

				<td align="right"><p class="black-11px">$11.99</p></td>
			</tr>			<tr>					<td colspan="2" align="center">
						<p class="black-11px" style="color: #B88828;">
							<strong><em>Please select a shipping method.</em></strong>
						</p>
					</td>			</tr>

			<tr>
				<td align="right"><p class="black-11px"><strong>Sales Tax:</strong></p></td>
				<td align="right"><p class="black-11px">$0.00</p></td>
			</tr>
			<tr>
				<td align="right" bgcolor="#edd18c" style="border-left: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-top: 1px solid #cc9900;">
					<p class="black-12px"><strong>TOTAL:</strong></p>

				</td>
				<td align="right" bgcolor="#edd18c" style="border-top: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-right: 1px solid #cc9900;">
					<p class="black-12px"><strong>$11.99</strong></p>
				</td>
			</tr>
			</table>


		<div align="center" id="confirm_box" style="position: absolute; top:-50px; left:0px;
				z-index:99; visibility: hidden; text-align: center;">

		<div class="shadow-outer">
			<div class="shadow-inner" style="width: 100%; padding: 0px; text-align: left; background-color: #ffffff;
					border: 4px solid #0066ff;">

				<div style="background-color: #0066ff; color: white; padding: 5px; margin: 0px;
						border-bottom: 4px solid #0066ff; white-space: nowrap;">
					<strong>Please Review Your Order!</strong>
				</div>

				<div style="margin: 10px 10px 10px 70px; white-space: nowrap;">

                    <div class="black-12px"><strong>Ship Method:</strong>

                    </div>

					<div class="black-12px" style="padding: 5px 0px 10px 0px;">
						<strong>Order Total:</strong> $11.99
					</div>
				</div>

				<div style="line-height: 25px; border-top: 1px solid #cccccc; text-align: center;
						padding: 8px 5px 5px 3px; white-space: nowrap;">
				<img src="/images/checkout/confirm-timmy.gif" width="65" height="33" alt="Review your order, monkey!"
						border="0" style="float: left; margin-top: -39px;">
				</div>


                <div style="text-align: center; padding-bottom: 10px;">
					<a href="#" onclick="process_order_approve();return false">
						<img src="/images/checkout/confirm-placeorder.gif" width="164" height="25"
								alt="PLACE FINAL ORDER" border="0"></a>
					<a href="#" onclick="process_order_deny();return false">
						<img src="/images/checkout/confirm-cancel.gif" width="50" height="25" alt="CANCEL" border="0">
					</a>
				</div>

				<div class="black-10px" style="padding-bottom: 3px; text-align: center;">
				Please check your order for accuracy. Orders <br>

				cannot be changed once submitted.</div>

			</div>
		</div>
		</div>

		<div align="center" id="processing" style="position: absolute; top:-50px; left:0px;
				z-index:99; visibility: hidden; text-align: center;">

		<div class="shadow-outer">
			<div class="shadow-inner" style="width: 100%; padding: 0px; text-align: left; background-color: #ffffff;
					border: 4px solid #0066ff;">

				<div style="background-color: #0066ff; color: white; padding: 5px; margin: 0px;
						border-bottom: 4px solid #0066ff; white-space: nowrap;">
					<strong>Processing ...</strong>
				</div>

				<div style="margin: 10px 10px 10px 10px; white-space: nowrap;">
					<div class="black-12px">Please give our monkeys a few moments<br>to process your order.  Thanks!</div>
				</div>

			</div>
		</div>
		</div>
		</div>

		</td>
	</tr>
	</table>
	<!-- END SUMMARY TABLE -->


	<script type="text/javascript">
		// this code inspired by http://www.faqs.org/docs/htmltut/forms/index_famsupp_157.html
		function submit_on_enter (e)
		{
			var keycode = 0;
			if (window.event)
			{
				keycode = window.event.keycode;
			}
			else if (e)
			{
				keycode = e.which;
			}

			if (keycode == 13)
			{
				OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=redeem_code', 'order_id', 'promo_cert_code', 'pay_method');
			}
		}
	</script>

	<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="3" border="0"><br>
	<table bgcolor="#f4f4f1" style="border-top: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-left: 1px solid #cc9900; border-right: 1px solid #cc9900;" cellspacing="0" cellpadding="5" align="center"
			width="100%">
	<tr>
		<td>
			<div class="black-12px" style="margin-bottom: 5px;">
				<strong>Have a gift certificate or promotion code?</strong> Enter it here:
			</div>

			<div class="black-10px" style="line-height: 20px;">(enter only one at a time)<br>
				<input type="text" name="promo_cert_code" value="" onkeyup="submit_on_enter(event)">
				<input type="button" value="GO!"
						 onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=redeem_code', 'order_id', 'promo_cert_code', 'pay_method')" >
			</div>
			<div class="black-12px" style="margin-top: 6px;" align="center">
					[ <a href="http://www.thinkgeek.com/brain/account/points.cgi" target="_top">
						<strong>sign up for Geek Points!</strong>

					</a> ]
			</div>
		</td>
	</tr>
	</table>


	<script type="text/javascript">
		function toggle_gift_msg ()
		{
			var box = OpenThought.FindElement('gift');
			if (box.checked)
			{
				// they checked the box, so let them edit their gift message
				OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=edit_giftmsg', 'order_id');
			}
			else
			{
				// they unchecked the box; make sure they want to delete
				if (confirm("Your gift message will be permanently removed!"))
				{
					// they confirmed, so delete the gift message
					OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=remove_giftmsg', 'order_id');
				}
				else
				{
					// they canceled, so put the checkmark back
					box.checked = true;
				}
			}
		}

		function submit_gift_msg ()
		{
			var gmsg = OpenThought.FindElement('gift_msg');
			//alert("lengthof gmsg.value is " + gmsg.value.length);
			if (gmsg.value.length > 255)
			{
				// message is too long; alert user
				alert('Your gift message is too long!  '
						+ 'Please trim it to no more than 255 characters.');
			}
			else
			{
				OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=save_giftmsg', 'order_id', 'gift_msg');
			}
		}

		function calc_text_length ()
		{
			var gmsg = OpenThought.FindElement('gift_msg');
			var count_text = gmsg.value.length + '/255';
			if (gmsg.value.length > 255)
			{
				count_text = '<font color="red">' + count_text + '</font>';
			}
			OpenThought.SetElement('char_counter', count_text);
		}
	</script>

	<!-- BEGIN GIFT OPTIONS TABLE -->

	<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="6" border="0"><br>
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#dfe1e4">
		<td valign="bottom" width="136">
			<img src="/images/checkout/gift1.gif" alt="Gift Options:" width="136" height="18" border="0"></td>
		<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
	</tr>
	<tr bgcolor="#f8f8fb">
		<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">

			<img src="/images/checkout/gift2.gif" alt="Gift Options:" width="136" height="4" border="0"></td>
	</tr>
	</table>

	<table border="0" cellpadding="8" cellspacing="0" width="100%">
	<tr bgcolor="#f8f8fb">
		<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;" colspan="2">


			<p class="black-12px">

				<input type="checkbox" name="gift"  onclick="toggle_gift_msg()">
				Include a gift message?<br>
			</p>

			<div id="gift_msg_area" name="gift_msg_area" align="center">					<p class="black-10px" style="line-height: 13px; text-align: left;">
						You may include a short gift message.
						Please note that prices do <strong>NOT</strong> appear on the packing slip.
					</p>			</div>

		</td>
	</tr>
	</table>
	<!-- END GIFT OPTIONS TABLE -->


</td>
</tr>
<tr>
<td colspan="2">

	<!-- BEGIN CONFIRMATION PLACEHOLDER TABLE -->

	<table border=0" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td width="25%" style="margin: 0px; padding: 0px; border-collapse: collapse;"></td>
		<td width="50%" align="center" style="margin: 0px; padding: 0px; border-collapse: collapse;">

			<div id="confirm_placeholder" style="position:relative; z-index:99; height:0px; padding:0px; margin:0px 30px;
				visibility:visible; display:block; text-align:center;">
			</div>

		</td>
		<td width="25%" style="margin: 0px; padding: 0px; border-collapse: collapse;"></td>

	</tr>
	</table>
	<!-- END CONFIRMATION PLACEHOLDER TABLE -->


	<!-- BEGIN PAYMENT TABLE -->
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr bgcolor="#dfe1e4">
		<td valign="bottom" width="165">
			<img src="/images/checkout/payment1a.gif" alt="Payment:" width="165" height="23" border="0"></td>

		<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
	</tr>
	<tr bgcolor="#f8f8fb">
		<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
			<img src="/images/checkout/payment2a.gif" alt="Payment:" width="165" height="4" border="0"></td>
	</tr>
	</table>

	<table border="0" cellpadding="0" cellspacing="0" width="100%">

	<tr bgcolor="#f8f8fb">
		<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;" colspan="2">

			<table align="center" border="0" cellpadding="10" cellspacing="0" width="100%">
			<tr>
				<td valign="top" width="30%">
					<p>
						<strong>Choose your payment type:</strong><br>
					</p>

					<table border="0" cellpadding="3" cellspacing="0">
						<tr>
							<td valign="top">
							<input type="radio" name="pay_method" value="CC"checked onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=display_payment', 'order_id', 'pay_method')" >
							</td>
							<td valign="top"><p><label for="CC">Credit Card</label></p></td>
						</tr>
						<tr>

							<td valign="top"> </td>
							<td valign="top"><img src="/images/checkout/payment-CC.gif"></td>
						</tr>

						<tr>
							<td valign="top">
							<input type="radio" name="pay_method" value="PayPal" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=display_payment', 'order_id', 'pay_method')" >
							</td>
							<td valign="top"><p><label for="PayPal">PayPal</label></p></td>

						</tr>
						<tr>
							<td valign="top"> </td>
							<td valign="top"><img src="/images/checkout/payment-PayPal.gif"></td>
						</tr>
										</table>
				</td>


				<td valign="top">

					<div name="payment_form" id="payment_form">

						<em>Please choose a payment type.</em>

					</div>
				</td>
			</tr>
			</table>

		</td>

	</tr>
	</table>
	<!-- END PAYMENT TABLE -->

	<!-- BEGIN LINKS TABLE -->
	<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="2" border="0"><br>
	<table bgcolor="#ECEDF0" style="border-top: 1px solid #CCCCFF; border-bottom: 1px solid #CCCCFF; border-left: 1px solid #CCCCFF; border-right: 1px solid #CCCCFF;" cellspacing="0" cellpadding="0" align="center"
			width="100%">
	<tr>
		<td>

			<div align="center" class="black-11px" style="margin: 4px;">

			|   <a href="http://www.thinkgeek.com/help/#secure" target="_new" class="novisit">Security</a>  
			|   <a href="http://www.thinkgeek.com/privacy.shtml" target="_new" class="novisit">Privacy</a>  
			|   <a href="http://www.thinkgeek.com/RMA/" target="_new" class="novisit">Hassle Free Returns</a>  

			|   <a href="http://www.thinkgeek.com/help/" target="_new" class="novisit">Customer Service</a>   |

			</div>
		</td>
	</tr>
	</table>
	<!-- END LINKS TABLE -->


</td>
</tr>
</table>


</form>


<div id="payment_form_extra" style="display:none">
    <form name="form_pay_paypal" target="_top" action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <input type="hidden" name="cmd" value="_s-xclick">


        <input type="hidden" name="encrypted" value="">

    </form>


</div>






<script>

	var processing_fields;

	function process_order_confirm (extra_flds)
	{
		if (OpenThought.GetElement('ship_method')[1] == 0)
		{
			throw_error_box("Sorry, you must choose a shipping method before you can complete your order.");
			return false;
		}

		var box = OpenThought.FindElement('confirm_box');
		var container = OpenThought.FindElement('confirm_placeholder');

		box.style.top = container.offsetTop;
		box.style.left = container.offsetLeft;
		//box.style.width = container.offsetWidth;

		OpenThought.util.ShowElement('confirm_box'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'confirm_yes', 'confirm_no' ] }); compensate_for_IE_suckiness_on();

		processing_fields = extra_flds;
	}

	function process_order_approve ()
	{
		compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('confirm_box');

		var box = OpenThought.FindElement('processing');
		var container = OpenThought.FindElement('confirm_placeholder');
		box.style.top = container.offsetTop;
		box.style.left = container.offsetLeft;
		OpenThought.util.ShowElement('processing'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'cmd', 'encrypted' ] }); compensate_for_IE_suckiness_on();

		OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=submit_payment', 'order_id', processing_fields);
	}

	function process_order_deny ()
	{
		compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('confirm_box');
	}

</script>





		<!-- END main body -->




    <table width="100%" cellpadding="5" cellspacing="0" border="0" bgcolor="#FFFFCC" id="bottom-link-table">
    <tr>
      <td id="bottom-link-left">
      Tell us your favorite OS. Take our <a href="http://www.thinkgeek.com/feedback.shtml" target="_top"> 46.4-second survey</a>!
      </td>

      <td id="bottom-link-center">
      "Never offend people with style when
      you can offend them with substance." <br>
      --Sam Brown
      </td>
      <td id="bottom-link-right">
      See what some of our
      <a href="http://www.thinkgeek.com/fortune.shtml" target="_top">customers are saying</a>...

      </td>
    </tr>

    </table>


  </td>
</tr>
</table>
<!-- END whole width table -->




<!-- SiteCatalyst code version: G.4.
Copyright 1997-2003 Omniture, Inc. More info available at
http://www.omniture.com --><script language="JavaScript"><!--
/* You may give each page an identifying name, server, and channel on
the next lines. */
var s_pageName="WarpSpeed"
var s_server=""
var s_channel=""
var s_pageType=""
var s_prop1=""
var s_prop2=""
var s_prop3=""
var s_prop4=""
var s_prop5=""
var s_prop6=""
var s_prop7=""
var s_prop8=""
/* E-commerce Variables */
var s_campaign=""
var s_state="Pennsylvania"
var s_zip="19146"
var s_events="scCheckout"
var s_products="Travel & Power;PowerSquid Outlet Multiplier;1;11.99"
var s_purchaseID="b5813364"
var s_eVar1=""
var s_eVar2=""
var s_eVar3=""
var s_eVar4=""
var s_eVar5=""
var s_eVar6=""
var s_eVar7=""
/********* INSERT THE DOMAIN AND PATH TO YOUR CODE BELOW ************/
/********** DO NOT ALTER ANYTHING ELSE BELOW THIS LINE! *************/
var s_code=' '//--></script>
<script language="JavaScript" src="/js/omniture.js"></script>

<script language="JavaScript"><!--
var s_wd=window,s_tm=new Date;if(s_code!=' '){s_code=s_dc(
'thinkgeek');if(s_code)document.write(s_code)}else
document.write('<im'+'g src="https://102.112.2O7.net/b/ss/thinkgeek/1/G.4--FB/s'+s_tm.getTime()+'?[AQB]'
+'&j=1.0&[AQE]" height="1" width="1" border="0" alt="" />')
//--></script><script language="JavaScript"><!--
if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-')
//--></script><noscript><img
src="https://102.112.2O7.net/b/ss/thinkgeek/1/G.4--NS/0"
height="1" width="1" border="0" alt="" /></noscript><!--/DO NOT REMOVE/-->
<!-- End SiteCatalyst code version: G.4. -->





<!-- BEGIN OSTG Footer -->
<!-- template sitewide/copyright.tt2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center" valign="middle">
	<td height="50">
    <p id="footer">

    © Copyright 1999-2007 - ThinkGeek, Inc. All Rights Reserved		<img src="/brain/affl.cgi?r=https://www.thinkgeek.com/brain/checkout/address.cgi?dsid=ad61c4699a5e04c41e316b71&dsid=da97c5fa94352739c6f54982" width="1" height="1" border="0">  	<br>
    <br>
    About <a href="http://www.thinkgeek.com/about-us/" target="_top">ThinkGeek</a>  • 
  	<a href="http://www.thinkgeek.com/privacy.shtml" target="_top">Privacy Statement</a>  • 
  	<a href="http://www.thinkgeek.com/bug-us/" target="_top">Contact Us</a>

    <br>
    ThinkGeek, Inc. is an <a href="http://www.ostg.com/" TARGET="_blank">OSTG</a> Company
     • 
  	About <a href="http://www.ostg.com/about/"TARGET="_blank">OSTG</a>

    </p>
	</td>
</tr>

</table>
<!-- end OSTG Footer -->



</body>
</html>


See also

receipt-example-thinkgeek was last modified: Wednesday, January 16th, 2008

Views