Advanced web forms

**windflame** · 10-05-2010, 08:09 PM

Does anyone have a firm understanding of forms? Here's the setup:

I bought a vinyl cutter, I'm still working out the kinks but I figure instead of letting the machine sit dormant 90% of the time I could put it to work for others.

Here's what I'm looking for:

Select size - price changes based on that
Upload (.eps)
Color
Quantity - price is multiplied by this

And it needs to be tied in to paypal.

Obviously there's a lot of details to be worked out, but this gives an idea of the scope.

I'll take links to tutorials about just making the fuxxoring price change (which I can not drum up from many google searches). However, I'd much rather pay a pro.

Shoot me a PM if you know someone who might be good for this.

Thanks!

**100degrees** · 10-05-2010, 08:47 PM

nice! I assume you've considered not all designs require the same amount of weeding based solely on the dimensions. I think this works for pre-determined designs or generic lettering but I'm hesitant to offer a quote without seeing the design first or at least knowing how much weeding will be required. Let us know how it goes!

...

**windflame** · 10-05-2010, 09:06 PM

It's a concern of mine, that I'll admit. There are some solutions that I'm looking in to, but I'd like to find someone that could even just build an advanced quote form. What I posted above is the dream, scaling it back from there is easier than going halfway and wanting more. I'm looking forward to making process threads and posting general info about it.

Also, I'm trying to avoid providing the designs for people. That's a much larger business plan than mine. I really just want to make it easy and affordable. I'm not catering to the woman who wants to put some quote from the bible above her front door.

I've wanted vinyl decals before but everything online was a 10 step process. I ended up at the local sign shop where they overcharged me for a VERY simple design.

**windflame** · 10-22-2010, 08:16 PM

Here's what I ended up doing. Instead of providing a quick and uninformed official quote I'm providing an estimator. I made this using java and html. The actual math part of it is commented.

First off is the code you'll drop in to the HTML of your site, this goes where you want the actual calc to show up.

Code:

<form name="autoSumForm">

<p>Width (inches)</p><input class="right" type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();">
<p>Height (inches)</p><input class="right" type=text name="secondBox" value="" onFocus="startCalc();" onBlur="stopCalc();">
<p>Each Piece ($)</p><input class="right" readonly="readonly" type=text name="thirdBox">
<p>Quantity</p><input class="right" type=text name="fourthBox" value="1" onFocus="startCalc();" onBlur="stopCalc();">
<p>Total ($)</p><input class="right" readonly="readonly" type=text name="fifthBox">

</form>

This needs to go in your header (between the <head> tags </head>)

Code:

<script src="js/autoSum.js" type="text/javascript"></script>

Now you need to create the autoSum.js file. The path above needs to lead to where the file autoSum.js is. I store my javascript files in a folder called "js".

Code:

function startCalc(){
 *interval = setInterval("calc()",1);
}
function calc(){
 *one = document.autoSumForm.firstBox.value; /* this is the width box */
 *two = document.autoSumForm.secondBox.value; /* this is the height box */
 *num = (one * two) * (.07); /* this is where the width and height are multiplied, the .07 is the cost per square inch */
 *document.autoSumForm.thirdBox.value = num.toFixed(2); /* this displays the total per piece, with the number only allowed to go to two decimal places */
 *quantity = document.autoSumForm.fourthBox.value; /* just finding out how many they want */
 *total = (quantity * document.autoSumForm.thirdBox.value); /* quantity multiplied by the price per piece */
 *document.autoSumForm.fifthBox.value = total.toFixed(2); /* now we get to display the grand total limited to two decimal places */
}
function stopCalc(){
 *clearInterval(interval);
}

Here's what the code looks like as given above RTA vinyl estimate

Thread: Advanced web forms

LinkBack

Thread Tools

Display

Advanced web forms

Posting Permissions