Calculating the total with jscript

This site is best viewed in a modern browser with JavaScript enabled.

nezzdog

I cannot for the life of me figure out why my subtotal isn't working right with my form. It coinsides with Salesforce and Click and Pledge variables but not sure why it doesn't work now...UGH!!!

https://www.jhalliance.org/35thAnnivTicket_JHAlliance2.htm

Any assistance would be GREATLY appreciated. Thank you in advance. Nezz

root

Please post code you are having problems with in [CODE]...[/CODE] tags and if you are using JQuery, please post your problem in the JavaScript Frameworks forum.

nezzdog

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

function calcsubtotal(){
var a = Number($('UnitPrice1').val()),
b = $('Quantity1').val().split(','),
price = b[1].split(":");
$('subtotal').html('<b>$' + a * Number(price[1]) + '.00</b>');
}

$('Quantity1,UnitPrice1').change(calcsubtotal);
calcsubtotal();
});
</script>
<INPUT TYPE="Checkbox" name="UnitPrice1" id="UnitPrice1" value="Ticket, Option 1 Name:175:0:1:1234567890">
<span class="questions">I would like to buy tickets to the 35th Anniversary Party at 
 <input name="UnitPrice1" type="text" id="UnitPrice1" value="175" size="7" />
per ticket </span>
<input name="ItemID1" type="hidden" id="ItemID1" value="1" />
              <input name="ItemName1" type="hidden" id="ItemName1" value="Ticket" />
              <input name="UnitDeductible1" type="hidden" id="UnitDeductible1" value="100%" />

</td></tr>
<tr><td>
<p class="subs">Choose A Quantity 
  <input name="Quantity1" id="Quantity1" type="text" value="1" size="6">
</p></td></tr>
<tr><td valign="top">
<p class="questions" style="float:left; font-size:16px;"><b>Sub-Total:</b></p> <p class="questions" id="subtotal" style="float:right; font-size:16px;"><b>$175.00</b></p> </td></tr>

Kevin2

<INPUT TYPE="Checkbox" name="UnitPrice1" [B][COLOR="#FF0000"] id="UnitPrice1"[/COLOR][/B] value="Ticket, Option 1 Name:175:0:1:1234567890">

<input name="UnitPrice1" type="text" [B][COLOR="#FF0000"]id="UnitPrice1"[/COLOR][/B] value="175" size="7" />

See anything wrong there?? You cannot have more than one element with the same ID. It's the rules. For that matter, having 2 elements with name="UnitPrice1" might wreak havoc with your form handling script.

root

Note: <script src="http://code.jquery.com/jquery-latest.min.js"></script>

So your query should have been posted in the JavaScript Frameworks forum

Kevin2

And BTW, Google Chrome's console shows this:

[blocked] The page at 'https://www.jhalliance.org/35thAnnivTicket_JHAlliance2.htm' was loaded over HTTPS, but ran insecure content from 'http://code.jquery.com/jquery-latest.min.js': this content should also be loaded over HTTPS.

Which means the JQuery library MAY NOT GET LOADED! Which means your subtotal may not get calculated!

nezzdog

Okay...thank you! I will look into it. I appreciate the assistance. Its a headache because most of the content references something from SalesForce but those guys aren't javascript savvy so Im stuck in the middle.

Kevin2

Who is "SalesForce"? The Merchant Account place? If they don't know JavaScript it may be time to look for another CC processor.

Actually, you're using JQuery -- not "pure" JavaScript. And I can create a script to do that math and drop it into the page in about 3 lines of "pure" JavaScript; no JQuery necessary. The problem may be how your form handling script interacts with that.

Ancillary to that is the fact that your potential users can change the "cost/item" field from $175 to whatever they want. Scary? How would you like 100 people buying what should be $175 tickets for $1.75 each? Cuts into the night's gross (and net) doesn't it? Might be possible with your current code. If it were me I'd change

<input name="UnitPrice1" type="[B][COLOR="#FF0000"]text[/COLOR][/B]" id="UnitPrice1" value="175" size="7" />

to:

<input name="UnitPrice1" type="[B][COLOR="#FF0000"]hidden[/COLOR][/B]" id="UnitPrice1" value="175" />

Then change

<span class="questions">I would like to buy tickets to the 35th Anniversary Party at 
 <input name="UnitPrice1" type="text" id="UnitPrice1" value="175" size="7" />
per ticket </span>

to:

<span class="questions">I would like to buy tickets to the 35th Anniversary Party at $175.00 per ticket </span>

Just sayin'...

nezzdog

Thank you a ton for the help. I found the original sample that I used in the beginning online that seems to work okay. Im still working out the look of it but seems to be processing correctly.

Salesforce is a cc processor that my client uses. I don't have a say in the matter but I think things are finally starting to go right. I really really appreciate you taking the time to answer my questions! I guarantee that I will have more questions but I wanted to send a thank you first!!!