N5Gooner
08-27-2009, 04:03 PM
Hi Guys,
New here, so be kind please !!!
Below is some code that a user clicks on to print a form. I'd like it so when the click on the print form test it also emails me the content of the form.
Is there any way of doing that??
</form>
<p class="style9">
<table>
<div class="title">
print
</div>
<tr>
<td>
<a href="#" class="style9" onClick="printpage()" value="Print Copy of Order Form">
PRINT PAGE</a>
<br>
<span class="style9" style="font-weight: normal;">then</span>
<br>
<a href="http://www.easyslidescanning.co.uk" class="style9">
Click then go to home page</a>
</td>
</tr>
</table>
Many thanks !!!
thenajsays
08-27-2009, 05:22 PM
lets see your form code too
prasanthmj
08-27-2009, 05:24 PM
<script language="javascript" type="text/javascript">
function printpage()
{
document.myform.submit();
window.print();
}
</script>
where your form name is myform
N5Gooner
08-27-2009, 06:45 PM
here is most of the code (1st half) , the submit form function is near the bottom...
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script type="text/javascript">
var products = new Array(); // hold product codes for use in doTotals
products[0] = "wd_002";
products[1] = "wd_003";
products[2] = "wd_004";
products[3] = "wd_005";
products[4] = "wd_006";
products[5] = "wd_007";
products[6] = "wd_008";
products[7] = "wd_009";
products[8] = "wd_010";
products[9] = "wd_011";
function getProductTotal(field, form) {
if (field.value=="") field.value=0;
if ( !isPosInt(form, field, field.value) ) return;
else {
var product = field.name.slice(0, field.name.lastIndexOf("_") );
var price = form[product + "_price"].value;
var amt = field.value * price;
form[product + "_tot"].value= formatDecimal(amt);
doTotals(form);
}
}
function doTotals(form) {
var sub_tot_amt=0, tax_amt=0, g_tot_amt=0;
for (var i=0; i < 10; i++) {
var cur_field = form[ products[i] + "_qty" ];
if ( !isPosInt(form, cur_field, cur_field.value) ) return;
else sub_tot_amt += parseFloat(cur_field.value) * parseFloat( form[ products[i] + "_price" ].value );
}
form.sub_tot.value = formatDecimal(sub_tot_amt, 2);
if ( form.sales_tax && form.sales_tax.checked ) {
tax_amt = 0.075 * sub_tot_amt;
form.tax_amt.value = formatDecimal(tax_amt);
}
if (sub_tot_amt==0) g_tot_amt=0;
else g_tot_amt = sub_tot_amt + tax_amt +
parseFloat(form.ship_amt.value);
form.grand_tot.value = formatDecimal(g_tot_amt);
}
function inspectOptions(btn, field, form) {
field.value = formatDecimal(btn.value);
if (form.sub_tot.value > 0) doTotals(form);
}
function doSalesTax(field,form) {
if (field.checked)
form.tax_amt.value = formatDecimal(
0.075 * form.sub_tot.value );
else form.tax_amt.value = 0;
if (form.sub_tot.value > 0) doTotals(form);
}
function finalCheck(form) {
// final check of quantity entries' validity
for (var i=0; i < 3; i++) {
var cur_field = form[ products[i] + "_qty" ];
if ( !isPosInt(form, cur_field, cur_field.value) ) return;
}
// check if a quantity entered
if (form.grand_tot.value == 0) {
alert("You haven't ordered anything.");
return false;
} else {
// for this example, email empty ok
// remove the line below for actual use
if (form.email.value!="")
if ( !isValidEmail(form, form.email, form.email.value) ) return;
form.submit();
}
}
function checkValue(field) {
if (field.value == 0) field.value = "";
}
function reCheckValue(field) {
if (field.value == "") field.value = 0;
}
// ie needs delay
function setFocus(fld) { fld.focus(); fld.select(); }
function isPosInt(frm,fld,val) {
var re = /^\d+$/
if ( !re.test(val) ) {
alert("Please enter whole numbers only.");
if ( document.forms[frm.name] ) { // protect ns4 in case of nesting
setTimeout("setFocus(document.forms['"+frm.name+"'].elements['"+fld.name+"'])", 100);
} else {
fld.focus(); fld.select();
}
return false;
} else return true;
}
function isValidEmail(frm,fld,entry) {
var re = /^[a-z0-9]([a-z0-9_\-\.]*)@([a-z0-9_\-\.]*)(\.[a-z]{2,4}(\.[a-z]{2}){0,2})$/i;
if (!re.test(entry)) {
alert("The email address you entered doesn't appear to be valid. You can clear the email field to submit and see the result page anyway, if you like.")
if ( document.forms[frm.name] ) { // protect ns4 in case of nesting
setTimeout("setFocus(document.forms['"+frm.name+"'].elements['"+fld.name+"'])",100);
} else {
fld.focus(); fld.select();
}
return false;
} else return true;
}
function formatDecimal(val, n) {
n = n || 2;
var str = "" + Math.round ( parseFloat(val) * Math.pow(10, n) );
while (str.length <= n) str = "0" + str;
var pt = str.length - n;
return str.slice(0,pt) + "." + str.slice(pt);
}
</script>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
<script type="text/javascript">
<!--
function printpage()
{
window.print()
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style3 {font-size: 12px;}
.style4 {font-size: 14px;}
.style11 {font-size: 14px; font-weight: bold; font-variant: small-caps;}
.style9 {font-size: 24px;
font-weight: bold;
}
.style12 {font-size: 36px; font-variant: small-caps;}
td, th {
font-family: Arial, Verdana, Times New Roman, Times, serif;
text-align: justify;
padding: 5px;
margin: 0px;
border: 0px;
vertical-align: middle;
}
input, textarea, select, option {
border: 1px solid #bbbbbb;
background-color: #ffffff;
}
.title {
margin: 0; padding: 0; background-color: #eeeeee; text-align: center; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; font-variant: small-caps; font-weight: bold;
}
.labels {
font-variant: small-caps;
}
body {
font-family: Arial, Verdana, Times New Roman, Times, serif;
}
table {
border: 1px solid #bbbbbb; background-color: #ffffff;
}
A:link {
color: #000000; font-weight: bold; text-decoration: none;
}
A:visited {
color: #000000; font-weight: bold; text-decoration: none; cursor: hand;
}
A:active {
color: #000000; font-weight: bold; text-decoration: none;
}
a:hover {
color: #000000; font-weight: bold; text-decoration: underline; cursor: hand;
}
-->
</style>
</head>
<div id="header">
<div id="logo">
<h1>Easyslidescanning</h1>
</div>
<div id="menu">
<ul>
<li><a href="services.html" id="menu1" accesskey="1" title=""><span>Events</span></a></li>
<li><a href="pricing.html" id="menu2" accesskey="2" title=""><span>Resources</span></a></li>
<li><a href="Help.html" id="menu3" accesskey="3" title=""><span>About</span></a></li>
<li><a href="index.html" id="menu4" accesskey="4" title=""><span>Contact</span></a></li>
</ul>
</div>
</div>
<!-- end header -->
<div id="page" class="bg1">
<div class="bg2">
<div class="bg3">
<div id="content">
<h1>Now, to make your <strong>ORDER</strong>, please fill in the form below.</h1>
<p>Once you've filled in the form, please print it and enclose it with your slides, negatives or pictures.</p>
<p>Please send to:</p>
<p>Mawson Systems Ltd.</p>
<p>PO Box 382</p>
<p>Leatherhead</p>
<p>KT22 2FH</p>
<hr />
<p> </p>
<form name="order_form" action="file:///C|/Documents%20and%20Settings/Build_Machine/Desktop/order.php" method="post">
<p class="style9">
<table>
<div class="title">personal details</div>
<tr>
<td class="labels">
title:
</td>
<td>
<select name="Title">
<option value="**TEXT MISSING**">---Please Select---</option>
<option value="Mr">Mr</option>
<option value="Miss">Miss</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="Dr">Dr</option>
<option value="Prof">Professor</option>
</select>
</td>
</tr>
<tr>
<td class="labels">
first name:
</td>
<td>
<input type="text" name="firstname"
value="" size="40">
</td>
</tr>
<tr>
<td class="labels">
last name:
</td>
<td>
<input type="text" name="surname"
value="" size="40">
</td>
</tr>
<tr>
<td class="labels">
address line 1:
</td>
<td>
<input type="text" name="address_line_1"
value="" size="40">
</td>
</tr>
<tr>
<td class="labels">
address line 2:
</td>
<td>
<input type="text" name="address_line_2"
value="" size="40">
</td>
</tr>
<tr>
<td class="labels">
address line 3:
</td>
<td>
<input type="text" name="Address_Line_3"
value="" size="40">
</td>
</tr>
<tr>
<td class="labels">
address line 4:
</td>
<td>
<input type="text" name="address_line_4"
value="" size="40">
</td>
</tr>
<tr>
<td class="labels">
postcode:
</td>
<td>
<input type="text" name="Postcode"
value="" size="40">
</td>
</tr>
N5Gooner
08-27-2009, 06:46 PM
here is the second half....
< <input class="cur" type="text" name="wd_003_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
<u><b>Printing photos</b></u>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
number of 4 x 6 photos:</td>
<td>
£1.00
<input type="hidden" name="wd_004_price" value="1.00">
<input type="text" name="wd_004_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>
£
<input class="cur" type="text" name="wd_004_tot" size="8" value="0" readonly onfocus="this.blur()"></td>
</td>
</tr>
<tr>
<td class="labels">
number of 7 x 5 photos:
</td>
<td>
<input type="hidden" name="wd_005_title" value="Widget 005">
£1.05
<input type="hidden" name="wd_005_price" value="1.05">
<input type="text" name="wd_005_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>
£
<input class="cur" type="text" name="wd_005_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
number of A4 photos:
</td>
<td>
<input type="hidden" name="wd_006_title" value="Widget 006">
£1.75
<input type="hidden" name="wd_006_price" value="1.75">
<input type="text" name="wd_006_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td> £
<input class="cur" type="text" name="wd_006_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
<u><b>VHS to DVD</b></u>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels"> Number of VHS tapes needing transfering
</td>
<td>
<input type="hidden" name="wd_007_title" value="Widget 007">
£4.00
<input type="hidden" name="wd_007_price" value="4.00">
<input type="text" name="wd_007_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>
£
<input class="cur" type="text" name="wd_007_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
<u><b>restoration of your images</b></u>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
number of image restorations:
</td>
<td>
<input type="hidden" name="wd_008_title" value="Widget 008">
£4.00
<input type="hidden" name="wd_008_price" value="4.00">
<input type="text" name="wd_008_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>
£
<input class="cur" type="text" name="wd_008_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
<u><b>sample our scanning service</b></u>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
Four free samples (£0 p&p):
</td>
<td>
<input type="hidden" name="wd_009_title" value="Widget 009">
£0.00
<input type="hidden" name="wd_009_price" value="0.00">
<input type="text" name="wd_009_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>
£
<input class="cur" type="text" name="wd_009_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
<u><b>additional copies</b></u>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
additional copy(s) oN cd:
</td>
<td>
<input type="hidden" name="wd_010_title" value="Widget 010">
£1.25
<input type="hidden" name="wd_010_price" value="1.25">
<input type="text" name="wd_010_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>
£
<input class="cur" type="text" name="wd_010_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
additional copy(s) oN dvd:
</td>
<td>
<input type="hidden" name="wd_011_title" value="Widget 011">
£1.25
<input type="hidden" name="wd_011_price" value="1.25">
<input type="text" name="wd_011_qty" size="4" value="0" tabindex="1"
onchange="getProductTotal(this,this.form)" onclick="checkValue(this)" onblur="reCheckValue(this)">
</td>
<td>£
<input class="cur" type="text" name="wd_011_tot" size="8" value="0" readonly onfocus="this.blur()">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
</td>
<td colspan="2" style="text-align: right;">
Sub Total: £
<input class="cur" type="Text" name="sub_tot" size="8" value="0" readonly onFocus="this.blur()">
</td>
</tr>
</table>
<p class="style9">
<table>
<div class="title">
delivery options
</div>
<tr>
<td style="text-align: left;" class="labels">
Please select a return delivery option
<br>
(Please use the weight of the package you sent us)
</td>
<td>
</td>
</tr>
<tr>
<td class="labels">
special delivery (up to 1kg £7)
</td>
<td>
<input type="radio" name="ship_opt" value="7" tabindex="4"
onclick="inspectOptions(this,this.form.ship_amt,this.form)" style="border: 0;">
</td>
</tr>
<tr>
<td class="labels">
special delivery (1 - 2kg £9)
</td>
<td>
<input type="radio" name="ship_opt" value="9.00" tabindex="4"
onclick="inspectOptions(this,this.form.ship_amt,this.form)" style="border: 0;">
</td>
</tr>
<tr>
<td class="labels">
courier (over 2 kg £15.00)
</td>
<td>
<input type="radio" name="ship_opt" value="15.00" tabindex="4"
onclick="inspectOptions(this,this.form.ship_amt,this.form)" style="border: 0;">
</td>
</tr>
<tr>
<td class="labels">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: right;">
Delivery Cost: £
<input class="cur" type="Text" name="ship_amt" size="8" value="0.00" readonly onfocus="this.blur()">
</td>
</tr>
</table>
<p class="style9">
<table>
<div class="title">
grand total
</div>
<tr>
<td class="labels" style="text-align: left;">
<h3 style="padding: 0px; margin: 0px;">£
<input class="cur" type="Text" name="grand_tot" size="8" value="0" readonly onFocus="this.blur()">
</h3>
</td>
</tr>
<tr><td><hr></td></tr>
<tr>
<td class="labels" style="text-align: left;">
<input class="res" type="reset" value="clear the form and start again!" style="font-variant: small-caps;">
</td>
</tr>
</table>
<p class="style9">
<table>
<div class="title">
payment options
</div>
<tr>
<td class="labels">
method of payment:
</td>
<td>
<select name="Please Select Your Preferred Method of Payment">
<option value="**TEXT MISSING**">---------------------Please Select Payment
Method--------------------</option>
<option value="Credit Card="">Card Payment - When we receive we will contact you for payment</option>
<option value="Cheque">Cheque - Please make cheques payable to 'Mawson Systems Ltd.'</option>
<option value="Bank Transfer">Bank Transfer, When we receive we will contact you for payment</option>
</select>
</td>
</tr>
<tr>
<td class="labels">
how did you hear about our site:
</td>
<td>
<SELECT
name="How Did You Hear About Our Site">
<OPTION
value="**TEXT MISSING**" selected>-----------Please Select-----------</OPTION>
<OPTION value=Google>Google</OPTION>
<OPTION
value="Yellow Pages">Yellow Pages</OPTION>
<OPTION value=Recommendation>Recommendation</OPTION>
<OPTION value="Thompson Local" >Thompson Local</OPTION>
<OPTION value=Leaflet >Leaflet</OPTION>
<OPTION value=Voucher>Voucher</OPTION>
<OPTION value=Other>Other</OPTION>
</SELECT>
</td>
</tr>
<tr>
<td class="labels">
if other, please state: </td>
<td>
<INPUT size=40
name="State If Other">
</td>
</tr>
<tr>
<td class="labels" colspan="2">
reason for buying:<br>
<TEXTAREA name="Further Comments" rows=5 cols=75></TEXTAREA>
</td>
</tr>
<tr>
<td class="labels" colspan="2">
any further comments or special instructions, please
state below:<BR>
<TEXTAREA name="Further Comments" rows=10 cols=75></TEXTAREA>
</td>
</tr>
</table>
</form>
<p class="style9">
<table>
<div class="title">
print
</div>
<tr>
<td>
<a href="#" class="style9" onClick="printpage()" value="Print Copy of Order Form">
PRINT PAGE</a>
<br>
<span class="style9" style="font-weight: normal;">then</span>
<br>
<a href="http://www.easyslidescanning.co.uk" class="style9">
Click then go to home page</a>
</td>
</tr>
</table>
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.