Jquery Paypal Button - Pay Total

Discussion in 'Programming' started by reaperofmind, Aug 9, 2012.

  1. #1
    I have a script with jquery which allows me to have a few dropdown boxes with options inside witha price. When you select one of the options, the value of that option adds a total displayed on the page. How would I make it so I can have a paypal button so when they click on the button, it will make them pay the total that was displayed. If you can help, I will pay you.
    Heres what I have so far.
    Type of Controller: <select class="calculate" name="typeofcontroller">
                    <option value="0">Select One</option>
                    <option value="20">Wired (£20)</option>
                    <option value="27">Wireless (£27)</option>
                    </select><!-- end of type of controller--><br />
                    D-Pad: <select class="calculate "name="dpadcolor">
                        <option value="0">Select One</option>
                        <option value="0">Original D-Pad (Free)</option>
                        <option value="2.50">Blue (£2.50)</option>
                        <option value="2.50">White (£2.50)</option>
                        <option value="2.50">Red (£2.50)</option>
                        <option value="2.50">Black (£2.50)</option>
                        <option value="2.50">Clear (£2.50)</option>
                        <option value="2.50">Purple (£2.50)</option>
                        <option value="2.50">Pink (£2.50)</option>
                        <option value="2.50">Green (£2.50)</option>
                        </select><!-- end of dpad--><br />
                    Buttons: <select class="calculate" name="buttoncolor">
                        <option value="0">Select One</option>
                        <option value="0">Original Buttons (Free)</option>
                        <option value="2.50">Blue (£2.50)</option>
                        <option value="2.50">White (£2.50)</option>
                        <option value="2.50">Red (£2.50)</option>
                        <option value="2.50">Black (£2.50)</option>
                        <option value="2.50">Clear (£2.50)</option>
                        <option value="2.50">Purple (£2.50)</option>
                        <option value="2.50">Pink (£2.50)</option>
                        <option value="2.50">Green (£2.50)</option>
                        <option value="10">Brass Bullets (£10)
                        <option value="10">Silver Bullets (£10)        
                        </select><br />
                    Triggers <select class="calculate" name="triggercolor">
                        <option value="0">Select One</option>
                        <option value="0">Original Triggers (Free)</option>
                        <option value="2.50">Blue (£2.50)</option>
                        <option value="2.50">White (£2.50)</option>
                        <option value="2.50">Red (£2.50)</option>
                        <option value="2.50">Black (£2.50)</option>
                        <option value="2.50">Clear (£2.50)</option>
                        <option value="2.50">Purple (£2.50)</option>
                        <option value="2.50">Pink (£2.50)</option>
                        <option value="2.50">Green (£2.50)</option>        
                        </select><br />
    <span id="total">£0</span>​
    HTML:
    [COLOR=black][FONT=Inconsolata]$[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#AA2222][FONT=Inconsolata]".calculate"[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]on[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#AA2222][FONT=Inconsolata]"change"[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata], [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]function[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
    [COLOR=#770088][FONT=Inconsolata]var [/FONT][/COLOR][COLOR=#0000FF][FONT=Inconsolata]total [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]= [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
    [COLOR=black][FONT=Inconsolata]$[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#AA2222][FONT=Inconsolata]'.calculate'[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]each[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]function[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]) [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
    [COLOR=#770088][FONT=Inconsolata]if[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=black][FONT=Inconsolata]$[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#004499][FONT=Inconsolata]this[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]val[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]) [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]!= [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]) [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
    [COLOR=#004499][FONT=Inconsolata]total [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]+= [/FONT][/COLOR][COLOR=black][FONT=Inconsolata]parseFloat[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=black][FONT=Inconsolata]$[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#004499][FONT=Inconsolata]this[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]val[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
    [COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR]
    [COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
    [COLOR=black][FONT=Inconsolata]$[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#AA2222][FONT=Inconsolata]'#total'[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]text[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#AA2222][FONT=Inconsolata]'£' [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]+ [/FONT][/COLOR][COLOR=#004499][FONT=Inconsolata]total[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]toFixed[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]([/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]2[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
    [COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]​[/FONT][/COLOR]
    Code (markup):

     
    reaperofmind, Aug 9, 2012 IP