PDA

View Full Version : Need help making registration form for Fundraiser in 2 weeks



GunnyFreedom
10-10-2011, 07:31 AM
I need a webform with all the required donor information, plus 5 checkboxes that populate the "amount" and send to PayPal.

ANY (combination) of the three:

[✓] Shoot Rifle or Shotgun $25

[✓] Eat () Pork, () Chicken, or (•) Beef BBQ (select one) $25

[✓] Professionally zero your rifle $25

OR one of the two:

[✓] Silver () Pork, (•) Chicken, or () Beef BBQ $150

[ ] Gold (•) Pork, () Chicken, or () Beef BBQ $300

Please see "Donate Today" on right hand side of my main screen for the required information:

http://glenbradley2012.com/main/

I'm very apologetic here, but I need this ASAP so we can start registering people and issuing tickets. It'd be nice if we could populate a ticket right from the webform, but that level of coding is not necessary...I can produce individual tickets for the event by hand pretty easily if necessary.
GunnyFreedom
10-10-2011, 07:39 AM
And here is a dramatically reduced size version of the flyer. The real one doesn't have all the dithering and pixellation:

682
GunnyFreedom
10-10-2011, 08:08 AM
Web developer gurus
GunnyFreedom
10-10-2011, 09:18 AM
trolololling for web developer
GunnyFreedom
10-10-2011, 10:00 AM
Well I'll try, but I really have no idea how to make check boxes populate a grand total, or set up the logic that you can select any or all of the 1st 3 but only one of the last 2, and then the 1st three go away. The making the data and money go to PayPay part is the easy part.
specsaregood
10-10-2011, 10:08 AM
Glenn, do you have an html mockup of the form?
I can javascriptify it to do the totalling and stuff if so. Otherwise I can mockup a basic html form as well later in the afternoon.
GunnyFreedom
10-10-2011, 10:12 AM
Glenn, do you have an html mockup of the form?
I can javascriptify it to do the totalling and stuff if so. Otherwise I can mockup a basic html form as well later in the afternoon.

Thanks so much, I have Dreamweaver, so making the mockup will be simple. I can start producing the markup It'll be a couple hours then until it's ready for the coding side. I'll also draw down the code from the PayPal widgets and tweak it as closely as possible for the requirement...
specsaregood
10-10-2011, 10:23 AM
Thanks so much, I have Dreamweaver, so making the mockup will be simple. I can start producing the markup It'll be a couple hours then until it's ready for the coding side. I'll also draw down the code from the PayPal widgets and tweak it as closely as possible for the requirement...

Yeah, just hold on a couple minutes. I'll gonna bang out something that you should be able to copy/paste into dreamweaver to pretty up.
gimme 15.
specsaregood
10-10-2011, 11:04 AM
//
GunnyFreedom
10-10-2011, 12:25 PM
OK here is the form I cobbled together. Not that the hidden field amount variable is $value and literally none of the java or validation exists:


<form id="shoot" name="shoot" action="http://www.glenbradley2012.com/main/cgi-bin/Form-D.pl" method="post">

<p>
<input type="hidden" name="subject" value="Shoot RSVP">
<input type="hidden" name="recipient" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="$value">
<input type="hidden" name="redirect" value="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HA8DH2ZECGYJ6">
<input type="hidden" name="missing_fields_redirect" value="http://www.glenbradley2012.com/fail-PayPal.php">
</p>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p>Choose what parts to participate in:</p>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>$25
<input type="checkbox" name="Eat" id="Eat" />
<label for="Eat">BBQ Meal of: </label>
<label for="Beef6"><br />
</label>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75">&nbsp;</td>
<td width="70"><input type="radio" name="radio" id="pork2" value="pork1" />
<label for="Pork">Pork</label>
<label for="Beef7"></label></td>
<td width="85"><input type="radio" name="radio" id="Chicken2" value="Chicken" />
<label for="Chicken2">Chicken</label>
<label for="Beef8"></label></td>
<td width="70"><input type="radio" name="radio" id="Beef6" value="Beef" />
<label for="Beef6">Beef</label></td>
</tr>
</table>
<label for="Beef6"> </label></td>
</tr>
<tr>
<td><p><br />
$25
<input type="checkbox" name="Shoot" id="Shoot" />
<label for="Shoot">Shooting Rifle and/or Shotgun</label>
</p></td>
</tr>
<tr>
<td><br />
$25
<input type="checkbox" name="Zero" id="Zero" />
<label for="Zero">Professionally Zero Your Rifle<br />
</label></td>
</tr>
</table></td>
</tr>
<tr>
<td height="24" valign="middle"><hr /></td>
</tr>
<tr>
<td><p>Or, choose all access Silver and Gold level: </p>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>$150
<input type="checkbox" name="Silver" id="Silver" />
<label for="Silver">Silver</label></td>
</tr>
<tr>
<td><table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75">&nbsp;</td>
<td width="70"><input type="radio" name="radio" id="pork1" value="pork1" />
<label for="Pork">Pork</label>
<label for="Beef9"></label></td>
<td width="85"><input type="radio" name="radio" id="Chicken" value="Chicken" />
<label for="Chicken">Chicken</label>
<label for="Beef10"></label></td>
<td width="70"><input type="radio" name="radio" id="Beef" value="Beef" />
<label for="Beef">Beef</label></td>
</tr>
</table></td>
</tr>
<tr>
<td>$300
<input type="checkbox" name="Gold" id="Gold" />
<label for="Gold">Gold</label></td>
</tr>
<tr>
<td><table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75">&nbsp;</td>
<td width="70"><input type="radio" name="radio" id="pork1" value="pork1" />
<label for="Pork">Pork</label>
<label for="Beef9"></label></td>
<td width="85"><input type="radio" name="radio" id="Chicken" value="Chicken" />
<label for="Chicken">Chicken</label>
<label for="Beef10"></label></td>
<td width="70"><input type="radio" name="radio" id="Beef" value="Beef" />
<label for="Beef">Beef</label></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="24"><hr /></td>
</tr>
<tr>
<td>
<label for="ShootTotal">Event Total:</label>
<input type="text" name="ShootTotal" id="ShootTotal" /></td>
</tr>
</table>
<p>North Carolina Board of Elections Required Information:</p>
<div id="form_wrap">
<div id="form_required">
First Name:
</div>
<input id="firstname" name="First Name" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="66" value="" type="text" required>


<div id="form_required">
Last Name:
</div>
<input id="lastname" name="Last Name" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="66" value="" type="text" required>

<div id="form_required">
Street Address:
</div>
<input id="streetaddress" name="Street Address" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="100" value="" type="text" required>

<div id="form_notrequired">
Street Address:
</div>
<input id="streetaddress2" name="Street Address 2" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="100" value="" type="text">
</div>

<div id="form_wrap">
<div id="form_city">
<div id="form_required">
City:
</div>
<input id="city" name="City" style="width: 190px; margin: 0px 0px 05px 0px;" maxlength="100" value="" type="text" required>
</div>


<div id="form_state">
<div id="form_required">
State:
</div>
<select id="state" name="State" style="width: 45px; margin: 0px 0px 05px 0px;" required>
<option selected value="">State</option>
<option value="Alabama">AL</option>
<option value="Alaska">AK</option>
<option value="Arizona">AZ</option>
<option value="Arkansas">AR</option>
<option value="California">CA</option>
<option value="Colorado">CO</option>
<option value="Connecticut">CT</option>
<option value="Delaware">FE</option>
<option value="District of Columbia">DC</option>
<option value="Florida">FL</option>
<option value="Georgia">GA</option>
<option value="Hawaii">HI</option>
<option value="Idaho">ID</option>
<option value="Illinois">IL</option>
<option value="Indiana">IN</option>
<option value="Iowa">IA</option>
<option value="Kansas">KS</option>
<option value="Kentucky">KY</option>
<option value="Louisiana">LA</option>
<option value="Maine">ME</option>
<option value="Maryland">MD</option>
<option value="Massachusetts">MA</option>
<option value="Michigan">MI</option>
<option value="Minnesota">MN</option>
<option value="Mississippi">MS</option>
<option value="Missouri">MO</option>
<option value="Montana">MT</option>
<option value="Nebraska">NE</option>
<option value="Nevada">NV</option>
<option value="New Hampshire">NH</option>
<option value="New Jersey">NJ</option>
<option value="New Mexico">NM</option>
<option value="New York">NY</option>
<option value="North Carolina">NC</option>
<option value="North Dakota">ND</option>
<option value="Ohio">OH</option>
<option value="Oklahoma">OK</option>
<option value="Oregon">OR</option>
<option value="Pennsylvania">PA</option>
<option value="Rhode Island">RI</option>
<option value="South Carolina">SC</option>
<option value="Tennessee">TN</option>
<option value="Texas">TX</option>
<option value="Utah">UT</option>
<option value="Vermont">VT</option>
<option value="Virginia">VA</option>
<option value="Washington">WA</option>
<option value="West Virginia">WV</option>
<option value="Wisconsin">WI</option>
<option value="Wyoming">WY</option>
</select>
</div>


<div id="form_zip">
<div id="form_required">
Zip Code:
</div>
<input id="zipcode" name="Zip Code" style="width: 55px; margin: 0px 0px 5px 0px;" maxlength="10" value="" type="text" required>
</div>
</div>


<div id="form_wrap">
<div id="form_required">
Phone Number:
</div>
<input id="phone" name="Phone Number" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="20" value="" type="text" required>


<div id="form_required">
E-Mail Address:
</div>
<input id="email" name="E-Mail Address" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="150" value="" type="text" required>

<div id="form_required" style="font-style: underline; margin-bottom: 3px;">
STATE REQUIRED INFORMATION
</div>


<div id="form_required">
Employer:
</div>
<input id="employer" name="Employer" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="200" value="" type="text" required>


<div id="form_required">
Occupation:
</div>
<input id="occupation" name="Occupation" style="width: 300px; margin: 0px 0px 5px 0px;" maxlength="200" value="" type="text" required>


<div id="form_required">
Contribution is from Personal Funds:
</div>
<input name="personalyes" id="personalyes" value="Yes" type="radio" required>
<label for="personal1"><div id="form_notrequired" style="display: inline;">Yes</div></label>
<input name="personalno" id="personalno" value="No" type="radio">
<label for="personal0"><div id="form_notrequired" style="display: inline;">No</div></label>


<div id="smparadiv"></div>
<div id="smparadiv"></div>


<div id="bodytext" style="font-size: 10px; font-style: italic; text-align: justify; margin-bottom:3px;">


Upon clicking the submit button you will be redirected to our secure server at PayPal where you can choose the amount you wish to contribute to the Committee to Elect Glen Bradley and finalize your donation.


</div>

<input value="Submit Form" name="send" type="submit" style="margin-right: 20px;"> <input type="reset" value="Clear Form">


</div>


</form>
GunnyFreedom
10-10-2011, 12:26 PM
PM sent, sorry took me a bit longer I'm programming one-handed today with a shirt covered in barf taking care of a sick infant. it slowed me down a bit more than I anticipated.

Ohh, sorry to hear that. I guess I made all that form HTML and pasted it back you already did it lol thanks! Thanks a million for the help...
GunnyFreedom
10-10-2011, 12:31 PM
Oh that's hot! That logic is EXACTLY what I was looking for. How come you are the only person who understood what I wanted? lol

Now all I have to do is re-arrange it into my existing form and it should work right off the bat. Thanks!
specsaregood
10-10-2011, 12:32 PM
Oh that's hot! That logic is EXACTLY what I was looking for. How come you are the only person who understood what I wanted? lol
Now all I have to do is re-arrange it into my existing form and it should work right off the bat. Thanks!

Well I've only been dealing with these types of requests for about 16years. :)
I don't do design though, as you can probably tell.
just email at the address i pmd you if you need any specific integration help.
GunnyFreedom
10-10-2011, 12:43 PM
Well I've only been dealing with these types of requests for about 16years. :)
I don't do design though, as you can probably tell.
just email at the address i pmd you if you need any specific integration help.

Thanks. I just went ahead and used your table because it was laid out more efficiently than mine was.

I did send a quick tweak to the email...or what seems to me should be a quick tweak lol, and then it's on to putting it on the website and testing it by buying a ticket. :D