DTF Print & Press - Customer Supplied Goods & Art - V26
About this app
DTF Print & Press form for Customer Supplied Goods & Art, including various options for customization and pricing.
DTF Print & Press - Customer Supplied Goods & Art - V26 DTF Print & Press - Customer Supplied Goods & Art - V26 **Powered by SeaSide Silk Screening** Name/PO Number Quantity Qty Price Breaks: 24, 36, 48, 72, 144, 288 Product Type T-Shirt ($0) Polo ($1) Fleece ($2) Cap ($3) Print Locations Print Location 1 N/A ($0) Left Front Chest ($1) Right Front Chest ($1) Full Front ($2) Full Back ($2) Print Location 2 N/A ($0) Left Front Chest ($1) Right Front Chest ($1) Full Front ($2) Full Back ($2) Print Location 3 N/A ($0) Left Front Chest ($1) Right Front Chest ($1) Full Front ($2) Full Back ($2) Print Location 4 N/A ($0) Left Front Chest ($1) Right Front Chest ($1) Full Front ($2) Full Back ($2) Turn Time Turn Time Standard Turn Time As Posted 1 Business Day < Standard (+10%) 2 Business Days < Standard (+20%) 3 Business Days < Standard (+30%) 4 Business Days < Standard (+40%) 5 Business Days < Standard (+50%) 6 Business Days < Standard (+60%) 7 Business Days < Standard (+70%) 8 Business Days < Standard (+80%) 9 Business Days < Standard (+90%) Payment Type Payment Type Unselected Credit Card (3.6% Fee) ACH (No Fees) Total Calculation Unit Total 0.00 Order Total 0.00 Reset
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>DTF Print & Press - Customer Supplied Goods & Art - V26</title>
<meta name="description" content="DTF Print & Press form for Customer Supplied Goods & Art, including various options for customization and pricing.">
<meta name="keywords" content="DTF Print, Press, Custom Orders, Screen Printing, Apparel, Pricing">
<style>
body {
background-color: white;
color: black;
font-family: 'Arial', sans-serif;
}
.container {
padding: 20px;
}
.box {
border: 2px solid blue;
padding: 10px;
margin-bottom: 15px;
}
.input-field {
margin-bottom: 10px;
text-align: left;
}
#reset {
background-color: red;
color: white;
text-align: center;
cursor: pointer;
border: none;
padding: 10px;
}
.total-box {
display: inline-block;
width: 300px;
text-align: center;
margin-right: 10px;
}
</style>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
function calculateDiscount() {
const quantity = parseInt(document.getElementById('quantity').value) || 0;
if (quantity <= 23) return 1;
if (quantity <= 24) return 0.50 * quantity;
return 0;
}
function calculateTotals() {
const quantity = parseFloat(document.getElementById('quantity').value) || 0;
const productTypeValue = parseFloat(document.getElementById('product-type').value) || 0;
const rcu = 0.16;
const discount = calculateDiscount();
const ut = (productTypeValue + rcu - discount).toFixed(2);
const ot = (ut * quantity).toFixed(2);
document.getElementById('unit-total').textContent = ut;
document.getElementById('order-total').textContent = ot;
}
const inputs = ['quantity', 'product-type'];
inputs.forEach(input => {
document.getElementById(input).addEventListener('input', calculateTotals);
});
calculateTotals();
});
function resetForm() {
document.getElementById('name-po').value = '';
document.getElementById('quantity').value = '';
document.getElementById('product-type').selectedIndex = 0;
document.getElementById('print-location-1').selectedIndex = 0;
document.getElementById('print-location-2').selectedIndex = 0;
document.getElementById('print-location-3').selectedIndex = 0;
document.getElementById('print-location-4').selectedIndex = 0;
document.getElementById('turn-time').selectedIndex = 0;
document.getElementById('payment-type').selectedIndex = 0;
document.getElementById('unit-total').textContent = '0.00';
document.getElementById('order-total').textContent = '0.00';
}
</script>
</head>
<body>
<div class="container">
<h1>DTF Print & Press - Customer Supplied Goods & Art - V26</h1>
<small>**Powered by SeaSide Silk Screening**</small>
<div class="box">
<div class="input-field">
<label for="name-po">Name/PO Number</label>
<input type="text" id="name-po" class="form-control" required>
</div>
<div class="input-field">
<label for="quantity">Quantity</label>
<input type="number" id="quantity" class="form-control" min="0" required>
<small>Qty Price Breaks: 24, 36, 48, 72, 144, 288</small>
</div>
<div class="input-field">
<label for="product-type">Product Type</label>
<select id="product-type" class="form-control" required>
<option value="0">T-Shirt ($0)</option>
<option value="1">Polo ($1)</option>
<option value="2">Fleece ($2)</option>
<option value="3">Cap ($3)</option>
</select>
</div>
</div>
<div class="box">
<h5>Print Locations</h5>
<div class="input-field">
<label for="print-location-1">Print Location 1</label>
<select id="print-location-1" class="form-control">
<option value="0">N/A ($0)</option>
<option value="1">Left Front Chest ($1)</option>
<option value="1">Right Front Chest ($1)</option>
<option value="2">Full Front ($2)</option>
<option value="2">Full Back ($2)</option>
</select>
</div>
<div class="input-field">
<label for="print-location-2">Print Location 2</label>
<select id="print-location-2" class="form-control">
<option value="0">N/A ($0)</option>
<option value="1">Left Front Chest ($1)</option>
<option value="1">Right Front Chest ($1)</option>
<option value="2">Full Front ($2)</option>
<option value="2">Full Back ($2)</option>
</select>
</div>
<div class="input-field">
<label for="print-location-3">Print Location 3</label>
<select id="print-location-3" class="form-control">
<option value="0">N/A ($0)</option>
<option value="1">Left Front Chest ($1)</option>
<option value="1">Right Front Chest ($1)</option>
<option value="2">Full Front ($2)</option>
<option value="2">Full Back ($2)</option>
</select>
</div>
<div class="input-field">
<label for="print-location-4">Print Location 4</label>
<select id="print-location-4" class="form-control">
<option value="0">N/A ($0)</option>
<option value="1">Left Front Chest ($1)</option>
<option value="1">Right Front Chest ($1)</option>
<option value="2">Full Front ($2)</option>
<option value="2">Full Back ($2)</option>
</select>
</div>
</div>
<div class="box">
<h5>Turn Time</h5>
<div class="input-field">
<label for="turn-time">Turn Time</label>
<select id="turn-time" class="form-control">
<option value="1">Standard Turn Time As Posted</option>
<option value="1.1">1 Business Day < Standard (+10%)</option>
<option value="1.2">2 Business Days < Standard (+20%)</option>
<option value="1.3">3 Business Days < Standard (+30%)</option>
<option value="1.4">4 Business Days < Standard (+40%)</option>
<option value="1.5">5 Business Days < Standard (+50%)</option>
<option value="1.6">6 Business Days < Standard (+60%)</option>
<option value="1.7">7 Business Days < Standard (+70%)</option>
<option value="1.8">8 Business Days < Standard (+80%)</option>
<option value="1.9">9 Business Days < Standard (+90%)</option>
</select>
</div>
</div>
<div class="box">
<h5>Payment Type</h5>
<div class="input-field">
<label for="payment-type">Payment Type</label>
<select id="payment-type" class="form-control">
<option value="0">Unselected</option>
<option value="1.036">Credit Card (3.6% Fee)</option>
<option value="1">ACH (No Fees)</option>
</select>
</div>
</div>
<div class="box">
<h5>Total Calculation</h5>
<div class="input-field total-box">
<label>Unit Total</label>
<div id="unit-total" class="form-control" readonly>0.00</div>
</div>
<div class="input-field total-box">
<label>Order Total</label>
<div id="order-total" class="form-control" readonly>0.00</div>
</div>
<button id="reset" onclick="resetForm()">Reset</button>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!