ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Rebuilding Together Boston, Volunteer Form</title> <link href="../css/StyleSheet.css" rel="stylesheet" type="text/css" /> <script src="../js/global.js" type="text/javascript"></script> <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA2ugvFs3CDMxPMLWdcRHxPxReXDyX9ugynmwQ8gq-rXKkEqsNjRSEwJmzNAVVS1Crs5pN4L1nMdNXsA"></script> <script type="text/javascript" charset="utf-8"> google.load("jquery", "1.3.1"); </script> <script type="text/javascript" charset="utf-8" src="../js/validation.js"></script> <script type="text/javascript"> /*Function to align drop down with associated menu header*/ function alignDiv (divEl) { left = divEl.offset().left; menuDiv = divEl.attr("id"); menuDiv += "div"; $('#'+menuDiv).css("left",left); } jQuery.validator.addMethod("phoneUS", function(phone_number, element) { phone_number = phone_number.replace(/\s+/g, ""); return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); }, "Please specify a valid phone number"); $(document).ready(function(){ $.validator.setDefaults({ submitHandler: function(form) { alert("Your form has been submitted"); form.submit(); } }); $('#volunteerform').validate({ rules: { name: "required", phone: { required: true, phoneUS: true }, email: { required: true, email: true } } }); /* Initialize position of drop down menu respective to menu header */ alignDiv($('#aboutus')); alignDiv($('#getourhelp')); alignDiv($('#volunteer')); alignDiv($('#supportus')); alignDiv($('#newsevents')); /* Adjust position of drop down menu respective to menu header upon window resize event */ $(window).resize(function() { alignDiv($('#aboutus')); alignDiv($('#getourhelp')); alignDiv($('#volunteer')); alignDiv($('#supportus')); alignDiv($('#newsevents')); }); }); </script> <style type="text/css"> .form-row input { width: 300px; } .label { display: block; float: left; width: 140px; text-align: left; margin-right: 3px; } label.error { width: 140px; display: block; float: right; color: red; padding-left: 8px; margin-right: 2px;} .form-row { padding: 5px 0; clear: both; width: 600px; } </style> </head> <body> <div id="canvas"> <div id="header"> <!--logo image --> <a href="http://rebuildingtogetherboston.org"><img id="logo" src="../images/RT2colorhorz_sm.jpg" alt="Rebuilding Together Boston" border="0px";/></a> <div id="righttopnav"> <p> <!-- Donate Button--> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" class="donateButton"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="755870"><input type="image" src="../images/DonateButton.jpg" border="0" name="submit" alt=""><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form> </p> </div> </div> <!--end header --> <div id="tophorizontalnav"> <a href="../index.html"> Home </a> <a href="../aboutus/MissionandHistory.html" id="aboutus" class="off" onmouseover="menuShow('aboutus')" onmouseout="menuHide('aboutus')" > About Us </a> <div id="aboutusdiv" onmouseover="menuShow('aboutus')" onmouseout="menuHide('aboutus')" > <ul id="aboutuslist" class="hidden"> <li><a href="../aboutus/MissionandHistory.html">Mission and History</a></li> <li><a href="../aboutus/ProgramsandServices.html">Programs and Services</a></li> <li><a href="../aboutus/RecipientStories.html">Recipient Stories</a></li> <li><a href="../aboutus/Supporters.html">Supporters</a></li> <li><a href="../aboutus/BoardandStaff.html">Board of Directors and Staff</a></li> <li><a href="../aboutus/faq.html">FAQ</a></li> <li><a href="../aboutus/ContactUs.html">Contact Us</a></li> </ul> </div> <a href="../getourhelp/BostonHomeowners.html" id="getourhelp" class="off" onmouseover="menuShow('getourhelp')" onmouseout="menuHide('getourhelp')" > Get Our Help </a> <div id="getourhelpdiv" onmouseover="menuShow('getourhelp')" onmouseout="menuHide('getourhelp')"> <ul id="getourhelplist" class="hidden"> <li><a href="../getourhelp/BostonHomeowners.html">Boston Homeowners</a></li> <li><a href="../getourhelp/BostonNonprofits.html">Boston Non-profits</a></li> <li><a href="../getourhelp/CommunityResources.html">Community Resources</a></li> </ul> </div> <a href="Volunteer.html" id="volunteer" class="off" onmouseover="menuShow('volunteer')" onmouseout="menuHide('volunteer')" > Volunteer </a> <div id="volunteerdiv" onmouseover="menuShow('volunteer')" onmouseout="menuHide('volunteer')"> <ul id="volunteerlist" class="hidden"> <li><a href="Volunteer.html">How you can help</a></li> <li><a href="Volunteer.html#NationalRebuildingDay">National Rebuilding Day</a></li> <li><a href="Volunteer.html#YearRound">Year-Round Program</a></li> <li><a href="Volunteer.html#SpecialService">Special Service Day</a></li> <li><a href="VolunteerOther.html">Other Opportunities</a></li> <li><a href="VolunteerForm.html">Volunteer Forms</a></li> </ul> </div> <a href="../supportus/OurImpact.html" id="supportus" class="off" onmouseover="menuShow('supportus')" onmouseout="menuHide('supportus')" > Support Us </a> <div id="supportusdiv" onmouseover="menuShow('supportus')" onmouseout="menuHide('supportus')" > <ul id="supportuslist" class="hidden"> <li><a href="../supportus/OurImpact.html">Our Impact</a></li> <li><a href="../supportus/AdoptaHouse.html">Adopt a House</a></li> <li><a href="../supportus/AdoptaHouse.html#foundations">Foundations</a></li> <li><a href="../supportus/AdoptaHouse.html#corporations">Corporations</a></li> <li><a href="../supportus/AdoptaHouse.html#individuals">Individuals</a></li> <li><a href="../supportus/DonateServicesandSupplies.html">Donate Services and Supplies</a></li> <li><a href="../supportus/DonateNow.html">Donate Now</a></li> </ul> </div> <a href="../newsevents/Events.html" id="newsevents" class="off" onmouseover="menuShow('newsevents')" onmouseout="menuHide('newsevents')" > News & Events </a> <div id="newseventsdiv" onmouseover="menuShow('newsevents')" onmouseout="menuHide('newsevents')"> <ul id="newseventslist" class="hidden"> <li><a href="../newsevents/Events.html">Events</a></li> <li><a href="../newsevents/News.html">In the News</a></li> <li><a href="../newsevents/PressReleases.html">Press Releases</a></li> <li><a href="../newsevents/Publications.html">Other Publications</a></li> </ul> </div> <a href="../aboutus/ContactUs.html"> Contact Us </a> </div> <!-- end tophorizontalnav --> <div id="leftsidenav"> <span class="LeftNavTitle">Volunteer</span> <ul> <li><a href="Volunteer.html">How you can help</a></li> <li><a href="Volunteer.html#NationalRebuildingDay">National Rebuilding Day</a></li> <li><a href="Volunteer.html#YearRound">Year-Round Program</a></li> <li><a href="Volunteer.html#SpecialService">Special Service Day</a></li> <li><a href="VolunteerOther.html">Other Opportunities</a></li> <li><a href="VolunteerForm.html">Volunteer Forms</a></li> </ul> </div> <div id="content"> <div id="pageTitle">Volunteer Form</div> <div class="fullContent"> <br /> <form id="volunteerform" method="post" action="formSubmit.php"> <p> <span class="boldBlack">Please check all that apply:</span> </p> <p> <input id="ImInterestedCkbox" type="checkbox" tabindex="1" value="ImInterested" class="checkboxes" name="interest[]"/> I am interested in volunteering <br /> <input id="GroupInterestedCkbox" type="checkbox" tabindex="2" value="GroupInterested" class="checkboxes" name="interest[]"/> My group is interested in volunteering <br /> </p> <p> My/Our skill level is as follows: </p> <p> <input id="UnskilledCkbox" type="checkbox" tabindex="3" value="Unskilled" class="checkboxes" name="skillLevel[]"/> Unskilled <br /> <input id="SemiskilledChkbox" type="checkbox" tabindex="4" value="Semiskilled" class="checkboxes" name="skillLevel[]"/> Some knowledge of use of tools (semi-skilled;  weekend warrior ) <br /> </p> <p> Skilled: </p> <p> <input id="CarpenterChkbx" type="checkbox" tabindex="5" value="Carpenter" class="checkboxes" name="skills[]"/> Carpenter <br /> <input id="ElectricianChkbx" type="checkbox" tabindex="6" value="Electrician" class="checkboxes" name="skills[]"/> Electrician <br /> <input id="PlumberChkbx" type="checkbox" tabindex="7" value="Plumber" class="checkboxes" name="skills[]"/> Plumber <br /> <input id="GeneralConChkbx" type="checkbox" tabindex="8" value="" class="checkboxes" name="skills[]"/> General Construction <br /> <input id="OfficeAdminChkbx" type="checkbox" tabindex="9" value="" class="checkboxes" name="skills[]"/> Office Administration <br /> <input id="SpecialEventsChkbx" type="checkbox" tabindex="10" value="" class="checkboxes" name="skills[]"/> Special Events <br /> <input id="OtherChkbx" type="checkbox" tabindex="11" value="Other" class="checkboxes" name="skills[]"/> Other: <br /> &nbsp;(please specify):&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; <input id="OtherSkill" type="text" tabindex="12" value="" style="width: 400px" name="otherSkills"/> <br /> </p> <p> <span class="boldBlack">Contact information:</span> </p> <div class="form-row"><span class="label">* Name:</span><input type="text" name="name" /></div> <div class="form-row"><span class="label">Company/Group (if applicable):</span><input type="text" name="company" /></div> <div class="form-row"><span class="label">Address:</span><input type="text" name="address" /></div> <div class="form-row"><span class="label">* Phone:</span><input type="text" name="phone" /></div> <div class="form-row"><span class="label">* E-Mail:</span><input type="text" name="email" /></div> <p> <input id="ContactMeChkbx" type="checkbox" tabindex="18" value="ContactMe" name="signup[]"/>&nbsp; Please contact me/us to learn more about volunteering with Rebuilding Together Boston <br /> <input id="MailListChkbx" type="checkbox" tabindex="19" value="MailList" name="signup[]"/>&nbsp; Please put me/us on your mailing list for special events, publications, etc.<br /> </p> <p style="margin-left: 250px;"> <input id="Submitbtn" type="submit" tabindex="20" value="Submit" style="text-align: center; background-color: #dcdcdc; font-weight: bold; padding: 2px;" onclick="return Submitbtn_onclick()"/> </p> </form> <p> <span class="boldBlack">Please Note:</span> Volunteers are utilized for National Rebuilding Day (last Saturday in April of each year) and Special Service Days (group volunteer days from May through October). Unless you have asked to be contacted, you will be called when a need for volunteers arises. Thank you for your interest in RTB s mission and programs. </p> </div> </div> <!--end of content --> <div style="clear:both;"></div> </div> <div id="footer"> <div id="address"> <!-- edit the following line to change the address --> Rebuilding Together Boston, PO Box 301209, Jamaica Plain, MA 02130, Phone: 617-971-0058, Fax: 617-971-0729 </div> <div id="copy"> <!-- edit the following line to change the copyright --> &copy; 2010 Rebuilding Together&reg; Boston </div> </div> </body> </html>