secure.foodbankcenc.org
Open in
urlscan Pro
74.123.153.92
Public Scan
Submitted URL: http://secure.foodbankcenc.org/site/R?i=XcgoxKZIzqElDppXOpg5lYKPZ0yAX2AYQMoejs8QDSB__JQSiwPnlg
Effective URL: https://secure.foodbankcenc.org/site/Donation2;jsessionid=00000000.app20021b?df_id=13204&mfc_pref=T&13204.donation=form1&chosen=...
Submission: On September 15 via api from US — Scanned from DE
Effective URL: https://secure.foodbankcenc.org/site/Donation2;jsessionid=00000000.app20021b?df_id=13204&mfc_pref=T&13204.donation=form1&chosen=...
Submission: On September 15 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
Name: process — POST https://secure.foodbankcenc.org/site/Donation2
<form name="process" id="ProcessForm" action="https://secure.foodbankcenc.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();">
<div class="donation-form-container responsive">
<script type="text/javascript">
<!--
function reloadPage() {
window.location.reload(true);
}
function testAjax() {
var xmlHttp = null;
// Opera 8.0+, Firefox, Chrome, Safari
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer Browsers
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
return false;
}
}
}
xmlHttp.open('POST', 'AjaxHelper;jsessionid=00000000.app20021b?NONCE_TOKEN=A8FA65C98478A3ABD2B3216D8E01BCF0', true);
xmlHttp.send();
}
addOnLoadHandler(testAjax);
//
-->
</script>
<div class="donation-form-content">
<input type="hidden" name="user_donation_amt" id="user_donation_amt" value="">
<input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="">
<input type="hidden" name="currency_locale" id="currency_locale" value="en_US">
<div class="form-row">
<div class="html-caption-container">
<div id="banner" class="col-md-12">
<div class="col-sm-7 header-copy">
<h1>Let Kids Be Kids This Summer</h1>
<p> Nearly 300,000 children in our community are facing hunger this summer. The rising cost of food, rent, and utilities makes it harder for families and caregivers experiencing hunger to fill in the gap while school is out for the
summer. <strong>Every $10 you give now can be MATCHED to provide 100 meals to help get hunger off a kid’s mind.</strong></p>
</div>
<img id="header-image" class="visible-xs" src="https://secure2.convio.net/fbnc/images/content/pagebuilder/230510-FCENC-Kids-Be-Kids-DF-Image-Mobile-v3.jpg" alt="Help children facing hunger this summer. ">
</div>
<style>
#banner {
background-image: url(https://secure2.convio.net/fbnc/images/content/pagebuilder/230510-FCENC-Kids-Be-Kids-DF-Image-Desktop-v3.jpg);
}
</style>
</div>
</div>
<h2 class="section-header-container"> Select Your Donation Amount </h2>
<div class="form-row">
<div class="html-caption-container">
<div id="frequency_buttons">
<div class="frequency-button selected" id="one_time_button"> One-Time Gift </div>
<div class="frequency-button" id="monthly_button"> Monthly Gift </div>
</div>
</div>
</div>
<div id="level_flexible_row">
<div class="don-standard-levels form-row">
<div class="levels-label">
</div>
<div id="level_flexible_row" class="form-row form-donation-level">
<div class="form-content">
<span class="field-required"></span> <span class="aural-only">Field Is Required</span>
<span class="FormLabelText">Select Gift Amount:</span>
<div class="donation-level-general-ask">
</div>
<div class="donation-levels loader" style="display: none;">
<div class="donation-level-container">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_flexibleexpanded" id="level_flexibleexpanded16577" value="16577" onclick="evalMatchingGift('$50.00');
updateDonorCoverAmount('$50.00');">
</div>
<label for="level_flexibleexpanded16577" onclick="">
<div class="donation-level-amount-container"> $50.00 </div>
<div class="donation-level-label-container"> $50 </div>
</label>
<div class="donation-level-expanded-label"> Will provide <span class="meals">500</span> nutritious meals </div>
</div>
<input type="hidden" name="level_flexibleexpandedsubmit" id="level_flexible_16577expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_flexibleexpanded" id="level_flexibleexpanded16578" value="16578" checked="checked" onclick="evalMatchingGift('$100.00');
updateDonorCoverAmount('$100.00');">
</div>
<label for="level_flexibleexpanded16578" onclick="">
<div class="donation-level-amount-container"> $100.00 </div>
<div class="donation-level-label-container"> $100 </div>
</label>
<div class="donation-level-expanded-label"> Will provide <span class="meals">1000</span> nutritious meals </div>
</div>
<input type="hidden" name="level_flexibleexpandedsubmit" id="level_flexible_16578expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_flexibleexpanded" id="level_flexibleexpanded16579" value="16579" onclick="evalMatchingGift('$150.00');
updateDonorCoverAmount('$150.00');">
</div>
<label for="level_flexibleexpanded16579" onclick="">
<div class="donation-level-amount-container"> $150.00 </div>
<div class="donation-level-label-container"> $150 </div>
</label>
<div class="donation-level-expanded-label"> Will provide <span class="meals">1500</span> nutritious meals </div>
</div>
<input type="hidden" name="level_flexibleexpandedsubmit" id="level_flexible_16579expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_flexibleexpanded" id="level_flexibleexpanded16581" value="16581" onclick="evalMatchingGift('$200.00');
updateDonorCoverAmount('$200.00');">
</div>
<label for="level_flexibleexpanded16581" onclick="">
<div class="donation-level-amount-container"> $200.00 </div>
<div class="donation-level-label-container"> $200 </div>
</label>
<div class="donation-level-expanded-label"> Will provide <span class="meals">2,000</span> nutritious meals </div>
</div>
<input type="hidden" name="level_flexibleexpandedsubmit" id="level_flexible_16581expandedsubmit" value="true">
</div>
</div>
<div class="donation-level-container">
<div class="form-content">
<div class="donation-level-input-container form-input">
<div class="donation-level-label-input-container">
<input type="radio" name="level_flexibleexpanded" id="level_flexibleexpanded16580" value="16580" onclick="evalMatchingGift(document.getElementById('level_flexibleexpanded16580amount').value);
updateDonorCoverAmount(document.getElementById('level_flexibleexpanded16580amount').value);">
</div>
<label for="level_flexibleexpanded16580" onclick="">
<div class="donation-level-label-container"> Or, enter your own gift amount to help as much as possible. Every $1 helps provide 10 meals. </div>
</label>
<div class="donation-level-user-entered">
<label for="level_flexibleexpanded16580amount"><span class="aural-only">Enter amount</span></label>
<input type="text" name="level_flexibleexpanded16580amount" id="level_flexibleexpanded16580amount" value="" size="12" maxlength="50"
onfocus="var el = document.getElementById ('level_flexibleexpanded16580');if (el) el.click(); fire_obs_comp_event('level_flexibleexpanded16580amount', this, event);evalMatchingGift(value); "
onchange="fire_obs_comp_event('level_flexibleexpanded16580amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_flexibleexpanded16580amount', this, event);evalMatchingGift(value);"
onblur="fire_obs_comp_event('level_flexibleexpanded16580amount', this);updateDonorCoverAmount(value);">
</div>
</div>
<input type="hidden" name="level_flexibleexpandedsubmit" id="level_flexible_16580expandedsubmit" value="true">
</div>
</div>
</div>
<div class="custom-levels">
<div class="level-item" data-id="16577" data-value="50"><strong>
<p class="dollar">$</p>50
</strong><small>Will provide <span class="meals">500</span> nutritious meals</small><small class="monthly_disclaimer">every month</small></div>
<div class="level-item selected" data-id="16578" data-value="100"><strong>
<p class="dollar">$</p>100
</strong><small>Will provide <span class="meals">1000</span> nutritious meals</small><small class="monthly_disclaimer">every month</small></div>
<div class="level-item" data-id="16579" data-value="150"><strong>
<p class="dollar">$</p>150
</strong><small>Will provide <span class="meals">1500</span> nutritious meals</small><small class="monthly_disclaimer">every month</small></div>
<div class="level-item" data-id="16581" data-value="200"><strong>
<p class="dollar">$</p>200
</strong><small>Will provide <span class="meals">2,000</span> nutritious meals</small><small class="monthly_disclaimer">every month</small></div>
<div class="level-other"><label for="custom-amount">Or, enter your own gift amount to help as much as possible. Every $1 helps provide 10 meals.</label>
<div class="formInput"><input type="text" name="custInput" id="custom-amount" data-id="16580"></div>
</div>
</div>
</div>
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function() {
// subscribe observables
jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() {
var syncAction = function(obj) {
if (obj.is(':checked')) {
obj.closest('div.donation-level-container').addClass('selected');
} else {
obj.closest('div.donation-level-container').removeClass('selected');
};
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('div.donation-level-container').removeClass('selected');
syncAction(jQuery(this));
});
});
});
});
</script><noscript> </noscript>
</div>
<div class="levels-gift-aid">
</div>
<input type="hidden" name="level_flexiblesubmit" id="level_flexiblesubmit" value="true">
<script type="text/javascript">
function updateDonorCoverAmount(gift) {
if (typeof updateAmount !== "undefined") {
updateAmount(gift);
}
};
function evalMatchingGift(gift) {}
</script><noscript> </noscript>
</div>
<div id="level_flexiblegift_type_Row" class="form-row field-required">
<div class="form-content">
<fieldset>
<legend> Gift type: </legend>
<div class="designated-giving-recurring-row">
<input type="radio" name="level_flexiblegift_type" id="level_flexiblegift_type1" value="1" checked="checked" onclick="fire_obs_comp_event('level_flexiblegift_type', this);"
onkeypress="fire_obs_comp_event('level_flexiblegift_type', this);">
<label for="level_flexiblegift_type1">One-time gift</label>
</div>
<div class="designated-giving-recurring-row">
<input type="radio" name="level_flexiblegift_type" id="level_flexiblegift_type2" value="2" onclick="fire_obs_comp_event('level_flexiblegift_type', this);" onkeypress="fire_obs_comp_event('level_flexiblegift_type', this);">
<label for="level_flexiblegift_type2">Sustaining gift</label>
</div>
</fieldset>
</div>
<input type="hidden" name="level_flexiblegift_typesubmit" id="level_flexiblegift_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableRadioComponent('level_flexiblegift_type', 'name');
</script><noscript> </noscript>
</div>
<div id="level_flexibleduration_row" class="form-row form-selectlist">
<div class="form-content">
<label class="FormLabel" for="level_flexibleduration">Select a Gift Duration:</label>
<select name="level_flexibleduration" id="level_flexibleduration" size="1" disabled="">
<option></option>
<optgroup label="Monthly">
<option value="M:0">Forever(Monthly)</option>
<option value="M:2">2 months</option>
</optgroup>
<optgroup label="Quarterly">
<option value="Q:0">Forever(Quarterly)</option>
<option value="Q:2">2 quarters</option>
</optgroup>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('level_flexibleduration', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('level_flexibleduration_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="level_flexibledurationsubmit_skip" id="level_flexibledurationsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('level_flexibleduration', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('level_flexibleduration_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('level_flexiblegift_type.2', new ComponentEnabler('level_flexibleduration'));
function level_flexibleduration_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('level_flexibleduration', src);
}
}
var el = document.getElementById('level_flexibleduration');
if (el) {
Utils.addEvent(el, 'change', level_flexibleduration_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<script type="text/javascript">
// subscribe listeners to make an ajax call to the server to calculate the total amount
Y.use('jquery-noconflict', function() {
var fetchAmountFunc = function() {
// find all the select, textarea, input, etc... and format them into key=val pairs.
var params = jQuery('#level_flexible_row :input').serialize();
// parse the path and append the key/value pairs above to the url
var url = 'https://secure.foodbankcenc.org/site/Donation2?idb=1502141658&level_flexibleajaxfetch=true&df_id=13204&mfc_pref=T&13204.donation=form1&level_flexibletotalcalculateBtn=true';
var index = url.indexOf("?");
var path = url.substring(0, index);
var args = url.substring(index + 1, url.length);
args += '&' + params;
jQuery.ajax(path, {
data: args,
success: function(data) {
if (!data) {
data = '0.00';
}
jQuery('#level_flexible_row .donation-level-total-amount').html(data);
jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange");
}
});
};
jQuery('#level_flexible_row :input[type=text]').blur(function() {
fetchAmountFunc();
});
jQuery('#level_flexible_row input:checkbox, #level_flexible_row input:radio').click(function() {
fetchAmountFunc();
});
jQuery('#level_flexible_row select').change(function() {
fetchAmountFunc();
});
// call it on page load
fetchAmountFunc();
});
</script><noscript> </noscript>
</div>
<div id="tribute_show_honor_fields_row" class="form-row form-checkbox">
<div class="form-content">
<input type="checkbox" name="tribute_show_honor_fieldsname" id="tribute_show_honor_fieldsname" onclick="fire_obs_comp_event('tribute_show_honor_fields', this);">
<label for="tribute_show_honor_fieldsname">Make this gift in honor or in memory of someone.</label>
<input type="hidden" name="tribute_show_honor_fieldssubmit" id="tribute_show_honor_fieldssubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_show_honor_fields', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_show_honor_fields_row', _display);
this.disable_submit_flag(_hidden);
}
comp.set = function(_value) {
if (document.getElementById('tribute_show_honor_fieldsname')) {
document.getElementById('tribute_show_honor_fieldsname').checked = _value;
this.fireEvent();
}
}
comp.get = function() {
if (document.getElementById('tribute_show_honor_fieldsname')) {
return document.getElementById('tribute_show_honor_fieldsname').checked;
}
}
comp.clear = function() {
this.set(false);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_type_row" class="form-row form-selectlist" style="display: none;">
<div class="form-content">
<label class="FormLabel" for="tribute_type">Honor Gift Type:</label>
<select name="tribute_type" id="tribute_type" size="1">
<option></option>
<option value="tribute_type_value1">In Memory of</option>
<option value="tribute_type_value2">In Honor of</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('tribute_type', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_type_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="tribute_typesubmit_skip" id="tribute_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_type', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_type_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_type'));
function tribute_type_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('tribute_type', src);
}
}
var el = document.getElementById('tribute_type');
if (el) {
Utils.addEvent(el, 'change', tribute_type_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="honoree_title_row" class="form-row form-selectlist" style="display: none;">
<div class="form-content">
<label class="FormLabel" for="honoree_title">Honoree Title:</label>
<select name="honoree_title" id="honoree_title" size="1">
<option></option>
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
<option value="Mrs.">Mrs.</option>
<option value="Miss">Miss</option>
<option value="Dr.">Dr.</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('honoree_title', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('honoree_title_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="honoree_titlesubmit_skip" id="honoree_titlesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('honoree_title', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('honoree_title_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('honoree_title'));
function honoree_title_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('honoree_title', src);
}
}
var el = document.getElementById('honoree_title');
if (el) {
Utils.addEvent(el, 'change', honoree_title_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_honoree_name_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<label for="tribute_honoree_namename">Honoree Name:</label>
<input type="text" name="tribute_honoree_namename" id="tribute_honoree_namename" value="" maxlength="50">
<input type="hidden" name="tribute_honoree_namesubmit_skip" id="tribute_honoree_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_honoree_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_honoree_name_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_honoree_name'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_name_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_notify_recip_namename">Name of Person to Notify:</label>
<input type="text" name="tribute_notify_recip_namename" id="tribute_notify_recip_namename" value="" maxlength="70">
<input type="hidden" name="tribute_notify_recip_namesubmit_skip" id="tribute_notify_recip_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_name_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_name'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_street1_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_notify_recip_street1name">Address of Person to Notify:</label>
<input type="text" name="tribute_notify_recip_street1name" id="tribute_notify_recip_street1name" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_street1submit_skip" id="tribute_notify_recip_street1submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_street1', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_street1_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_street1'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_city_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_notify_recip_cityname">City:</label>
<input type="text" name="tribute_notify_recip_cityname" id="tribute_notify_recip_cityname" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_citysubmit_skip" id="tribute_notify_recip_citysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_city', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_city_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_city'));
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_state_row" class="form-row form-selectlist" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label class="FormLabel" for="tribute_notify_recip_state">State:</label>
<select name="tribute_notify_recip_state" id="tribute_notify_recip_state" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_state', this)">
<option></option>
<option value="AK">AK - Alaska</option>
<option value="AL">AL - Alabama</option>
<option value="AR">AR - Arkansas</option>
<option value="AZ">AZ - Arizona</option>
<option value="CA">CA - California</option>
<option value="CO">CO - Colorado</option>
<option value="CT">CT - Connecticut</option>
<option value="DC">DC - District of Columbia</option>
<option value="DE">DE - Delaware</option>
<option value="FL">FL - Florida</option>
<option value="GA">GA - Georgia</option>
<option value="HI">HI - Hawaii</option>
<option value="IA">IA - Iowa</option>
<option value="ID">ID - Idaho</option>
<option value="IL">IL - Illinois</option>
<option value="IN">IN - Indiana</option>
<option value="KS">KS - Kansas</option>
<option value="KY">KY - Kentucky</option>
<option value="LA">LA - Louisiana</option>
<option value="MA">MA - Massachusetts</option>
<option value="MD">MD - Maryland</option>
<option value="ME">ME - Maine</option>
<option value="MI">MI - Michigan</option>
<option value="MN">MN - Minnesota</option>
<option value="MO">MO - Missouri</option>
<option value="MS">MS - Mississippi</option>
<option value="MT">MT - Montana</option>
<option value="NC">NC - North Carolina</option>
<option value="ND">ND - North Dakota</option>
<option value="NE">NE - Nebraska</option>
<option value="NH">NH - New Hampshire</option>
<option value="NJ">NJ - New Jersey</option>
<option value="NM">NM - New Mexico</option>
<option value="NV">NV - Nevada</option>
<option value="NY">NY - New York</option>
<option value="OH">OH - Ohio</option>
<option value="OK">OK - Oklahoma</option>
<option value="OR">OR - Oregon</option>
<option value="PA">PA - Pennsylvania</option>
<option value="RI">RI - Rhode Island</option>
<option value="SC">SC - South Carolina</option>
<option value="SD">SD - South Dakota</option>
<option value="TN">TN - Tennessee</option>
<option value="TX">TX - Texas</option>
<option value="UT">UT - Utah</option>
<option value="VA">VA - Virginia</option>
<option value="VT">VT - Vermont</option>
<option value="WA">WA - Washington</option>
<option value="WI">WI - Wisconsin</option>
<option value="WV">WV - West Virginia</option>
<option value="WY">WY - Wyoming</option>
<option value="AS">AS - American Samoa</option>
<option value="FM">FM - Federated States of Micronesia</option>
<option value="GU">GU - Guam</option>
<option value="MH">MH - Marshall Islands</option>
<option value="MP">MP - Northern Mariana Islands</option>
<option value="PR">PR - Puerto Rico</option>
<option value="PW">PW - Palau</option>
<option value="VI">VI - Virgin Islands</option>
<option value="AA">AA - Armed Forces Americas</option>
<option value="AE">AE - Armed Forces</option>
<option value="AP">AP - Armed Forces Pacific</option>
<option value="AB">AB - Alberta</option>
<option value="BC">BC - British Columbia</option>
<option value="MB">MB - Manitoba</option>
<option value="NB">NB - New Brunswick</option>
<option value="NL">NL - Newfoundland and Labrador</option>
<option value="NS">NS - Nova Scotia</option>
<option value="NT">NT - Northwest Territories</option>
<option value="NU">NU - Nunavut</option>
<option value="ON">ON - Ontario</option>
<option value="PE">PE - Prince Edward Island</option>
<option value="QC">QC - Quebec</option>
<option value="SK">SK - Saskatchewan</option>
<option value="YT">YT - Yukon</option>
<option value="None">None</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('tribute_notify_recip_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_state_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="tribute_notify_recip_statesubmit_skip" id="tribute_notify_recip_statesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_state_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_state'));
function tribute_notify_recip_state_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('tribute_notify_recip_state', src);
}
}
var el = document.getElementById('tribute_notify_recip_state');
if (el) {
Utils.addEvent(el, 'change', tribute_notify_recip_state_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="tribute_notify_recip_zip_row" class="form-row form-text" style="display: none;">
<div class="form-content">
<span class="field-required"></span>
<label for="tribute_notify_recip_zipname">Zip:</label>
<input type="text" name="tribute_notify_recip_zipname" id="tribute_notify_recip_zipname" value="" maxlength="50">
<input type="hidden" name="tribute_notify_recip_zipsubmit_skip" id="tribute_notify_recip_zipsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('tribute_notify_recip_zip', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('tribute_notify_recip_zip_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_notify_recip_zip'));
</script><noscript> </noscript>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<div class="custom-opt">
<input id="company_gift" name="company_gift" type="checkbox">
<label for="company_gift">Make my gift on behalf of an organization.</label>
</div>
<!--
<div class="custom-opt">
<input id="monthly_checkbox" name="monthly_checkbox" type="checkbox" />
<label for="monthly_checkbox">Make this an automatic gift to support families year round.</label>
</div>
-->
<!--
<div id="level_flexibleduration_row_fake" class="form-row form-selectlist">
<div class="form-content">
<label for="level_flexibleduration_fake">Select a Gift Duration:</label>
<select id="level_flexibleduration_fake" size="1">
<option value="monthly_forever">Monthly</option>
<option value="quarterly_forever">Quarterly</option>
</select>
</div>
</div>
-->
</div>
</div>
<div class="custom-field-container form-row ">
<div class="form-content">
<div class="form-input-label-block">
<label for="company_field_input">Company Field</label>
</div>
<input type="text" name="company_field_input" id="company_field_input" value="" maxlength="255">
<input type="hidden" name="company_fieldsubmit" id="company_fieldsubmit" value="true">
</div>
</div>
<h2 class="section-header-container"> Payment Information </h2>
<div class="payment-type-element-container">
<div class="payment-type-selection-container payment-field-container">
<h3>Payment Method:</h3>
<div id="responsive_payment_typepay_typeradio_row" class="form-row">
<div class="form-content">
<div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types">
<span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit" value="credit" checked="checked"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label
for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label>
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript>
</span><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradioach" value="ach"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label
for="responsive_payment_typepay_typeradioach"><a href="javascript:void(0);" class="payment-type-label">Checking Account</a></label>
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript>
</span></span>
<span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal" value="paypal"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label
for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="https://secure2.convio.net/fbnc/images/content/pagebuilder/paypal.png" alt="Pay with Paypal"></a></label>
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
</script><noscript> </noscript>
</span><span id="apple_pay" class="payment-type-option"><a id="appleUrl" href="https://secure.foodbankcenc.org/site/SPageNavigator/Apple_pay_integration_Main_Form_Redesign_2019.html?chosen=100">
<img src=" ../images/content/pagebuilder/apple-pay.png"></a>
</span></span>
</div>
<input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true">
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function() {
// subscribe observable for payment type options
jQuery('.payment-type-option').each(function() {
var syncAction = function(obj) {
if (obj.hasClass('selected')) {
var radioGroupName = obj.find('input').attr('name');
obj.find('input').prop('checked', true);
fire_obs_comp_event(radioGroupName, obj.find('input').get());
}
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('.payment-type-option').removeClass('selected');
jQuery(this).addClass('selected');
syncAction(jQuery(this));
var selectedValue = jQuery(this).find('input').val();
if (selectedValue == 'paypal' || selectedValue == 'amazon') {
// open up a boxinator dialog
jQuery(document).trigger('redirect-external');
jQuery('#btn_next').click();
}
});
});
});
});
var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typepay_typeradio_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_cc_container" class="payment-field-container">
<h3>Credit Card Information:</h3>
<div id="responsive_payment_typecc_type_row" class="form-row form-radio-array">
<div class="form-content">
<fieldset>
<legend>Credit Card Type:</legend>
<ul class="radio-array-list">
<li class="tender-row ">
<img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover">
</li>
<li class="tender-row ">
<img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express">
</li>
<li class="tender-row ">
<img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard">
</li>
<li class="tender-row ">
<img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa">
</li>
</ul>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_typecc_type', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_type_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_number_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_numbername">Credit Card Number:</label>
<input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="22" autocomplete="off">
<input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typecc_number', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_number_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('null', new ComponentDisplayer('responsive_payment_typecc_number'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_exp_date_row" class="form-row form-date">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_exp_date_MONTH">
<span class="label-text">Expiration Date:</span><span class="aural-only">Select month of credit card</span>
</label>
<label for="responsive_payment_typecc_exp_date_YEAR"><span class="aural-only">Select Expiration Year</span></label>
<div class="date-input-container">
<fieldset class="cardExpGroup">
<div class="month payment_exp_date"><select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9" selected="selected">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select></div>
<div class="year payment_exp_date"><select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)">
<option value="2023" selected="selected">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
</select></div>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1">
<script type="text/javascript">
<!--
var comp1 = new ObservableComponent('responsive_payment_typecc_exp_date_MONTH', '');
comp1.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_exp_date_Row', _display);
this.disable_submit_flag(_hidden);
}
var comp2 = new ObservableComponent('responsive_payment_typecc_exp_date_YEAR', '');
comp2.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_exp_date_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script><noscript> </noscript>
</div>
<input type="hidden" name="responsive_payment_typecc_exp_datesubmit" id="responsive_payment_typecc_exp_datesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typecc_exp_date', 'input');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_exp_date_row', _display);
disable_submit_flag('responsive_payment_typecc_exp_datesubmit', _hidden);
}
comp.disable = function(_disabled) {
disable_element('responsive_payment_typecc_exp_date_MONTH', _disabled);
disable_element('responsive_payment_typecc_exp_date_DAY', _disabled);
disable_element('responsive_payment_typecc_exp_date_YEAR', _disabled);
disable_element('responsive_payment_typecc_exp_date_HOUR12', _disabled);
disable_element('responsive_payment_typecc_exp_date_HOUR24', _disabled); //For UK, 24 hour clock used
disable_element('responsive_payment_typecc_exp_date_MINUTE', _disabled);
disable_element('responsive_payment_typecc_exp_date_AMPM', _disabled);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typecc_cvv_row" class="form-row form-text cvv-input">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_cvvname">
<span class="FormLabelText">CVV Number:</span>
</label>
<a href="http://help.convio.net/site/PageServer?s_site=fbnc&pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window.">What is this?</a>
<input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname" value="" maxlength="4" autocomplete="cc-csc">
<input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true">
<script type="text/javascript">
//chrome is mapping cvv as card name
if (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)) {
document.getElementById('responsive_payment_typecc_cvvname').autocomplete = 'cc-csc';
}
var comp = new ObservableComponent('responsive_payment_typecc_cvv', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typecc_cvv_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_bank_container" class="payment-field-container" style="display: none;">
<h3>Checking Account Information:</h3>
<div id="responsive_payment_typerouting_number_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typerouting_numbername">Bank Routing Number:</label>
<a href="http://help.convio.net/site/PageServer?s_site=fbnc&pagename=User_Donation_ACH" class="HelpLink" title="What is this? Opens new window.">What is this?</a>
<input type="text" name="responsive_payment_typerouting_numbername" id="responsive_payment_typerouting_numbername" value="" size="20" maxlength="20" onchange="fire_obs_comp_event('responsive_payment_typerouting_number', this);"
autocomplete="off">
<input type="hidden" name="responsive_payment_typerouting_numbersubmit" id="responsive_payment_typerouting_numbersubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typerouting_number', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typerouting_number_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typebank_account_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typebank_accountname">Bank Account Number:</label>
<input type="text" name="responsive_payment_typebank_accountname" id="responsive_payment_typebank_accountname" value="" maxlength="20" autocomplete="off">
<input type="hidden" name="responsive_payment_typebank_accountsubmit" id="responsive_payment_typebank_accountsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typebank_account', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typebank_account_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('null', new ComponentDisplayer('responsive_payment_typebank_account'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typeverify_bank_account_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typeverify_bank_accountname">Verify Bank Account Number:</label>
<input type="text" name="responsive_payment_typeverify_bank_accountname" id="responsive_payment_typeverify_bank_accountname" value="" maxlength="20" autocomplete="off">
<input type="hidden" name="responsive_payment_typeverify_bank_accountsubmit" id="responsive_payment_typeverify_bank_accountsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typeverify_bank_account', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typeverify_bank_account_row', _display);
this.disable_submit_flag(_hidden);
}
observe_component('null', new ComponentDisplayer('responsive_payment_typeverify_bank_account'));
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_type.account_type_row" class="form-row form-radio-array">
<div class="form-content">
<fieldset>
<legend><span class="field-required"></span> Account Type:</legend>
<ul class="radio-array-list">
<li>
<input type="radio" name="responsive_payment_type.account_type" id="responsive_payment_type.account_type_responsive_payment_typeaccount_type_checking" value="CHECKING"
onclick="fire_obs_comp_event('responsive_payment_type.account_type', this);">
<span class="radio-label">
<label for="responsive_payment_type.account_type_responsive_payment_typeaccount_type_checking">Checking</label>
</span>
</li>
<li>
<input type="radio" name="responsive_payment_type.account_type" id="responsive_payment_type.account_type_responsive_payment_typeaccount_type_savings" value="SAVINGS"
onclick="fire_obs_comp_event('responsive_payment_type.account_type', this);">
<span class="radio-label">
<label for="responsive_payment_type.account_type_responsive_payment_typeaccount_type_savings">Savings</label>
</span>
</li>
</ul>
</fieldset>
<input type="hidden" name="responsive_payment_type.account_typesubmit" id="responsive_payment_type.account_typesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableRadioComponent('responsive_payment_type.account_type', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_type.account_type_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="responsive_payment_typeach_confirm_row" class="form-row form-checkbox">
<div class="form-content">
<span class="field-required"></span>
<input type="checkbox" name="responsive_payment_typeach_confirmname" id="responsive_payment_typeach_confirmname" onclick="fire_obs_comp_event('responsive_payment_typeach_confirm', this);">
<label for="responsive_payment_typeach_confirmname">By checking this option, I agree to use my bank account as a payment method and authorize this organization to debit my bank account to fulfill my donation commitment.</label>
<input type="hidden" name="responsive_payment_typeach_confirmsubmit" id="responsive_payment_typeach_confirmsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('responsive_payment_typeach_confirm', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('responsive_payment_typeach_confirm_row', _display);
this.disable_submit_flag(_hidden);
}
comp.set = function(_value) {
if (document.getElementById('responsive_payment_typeach_confirmname')) {
document.getElementById('responsive_payment_typeach_confirmname').checked = _value;
this.fireEvent();
}
}
comp.get = function() {
if (document.getElementById('responsive_payment_typeach_confirmname')) {
return document.getElementById('responsive_payment_typeach_confirmname').checked;
}
}
comp.clear = function() {
this.set(false);
}
observe_component('null', new ComponentEnabler('responsive_payment_typeach_confirm'));
</script><noscript> </noscript>
</div>
</div>
</div>
<div id="payment_check_container" class="payment-field-container" style="display: none;">
<h3>Check Information</h3>
</div>
<input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true">
<script type="text/javascript">
function PaymentObserver() {
this.observe = function(_event) {
var sVal = _event.component.get();
switch (sVal) {
case 'check':
hide_element('payment_cc_container');
hide_element('payment_bank_container');
show_element('payment_check_container');
break;
case 'credit':
hide_element('payment_bank_container');
hide_element('payment_check_container');
show_element('payment_cc_container');
break;
case 'ach':
hide_element('payment_cc_container');
hide_element('payment_check_container');
show_element('payment_bank_container');
break;
case 'paypal':
case 'amazon':
case 'mobilepay':
default:
// hide all
hide_element('payment_bank_container');
hide_element('payment_cc_container');
hide_element('payment_check_container');
break;
}
}
}
// Set the observer to show/hide the relevant fields
observe_component('responsive_payment_typepay_typeradio', new PaymentObserver());
</script><noscript> </noscript>
</div>
<h2 class="section-header-container"> Your Information </h2>
<div id="billing_first_name_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_first_namename">First Name:</label>
<input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50">
<input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_first_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_first_name_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_last_name_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_last_namename">Last Name:</label>
<input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50">
<input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_last_name', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_last_name_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_street1_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_street1name">Street:</label>
<input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50">
<input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_street1', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_street1_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_street2_row" class="form-row form-text">
<div class="form-content">
<label for="billing_addr_street2name">Street 2:</label>
<input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50">
<input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_street2', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_street2_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_city_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_cityname">City:</label>
<input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50">
<input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_city', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_city_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_state_row" class="form-row form-selectlist">
<div class="form-content">
<span class="field-required"></span>
<label class="FormLabel" for="billing_addr_state">State/Province:</label>
<select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)">
<option></option>
<option value="AK">AK - Alaska</option>
<option value="AL">AL - Alabama</option>
<option value="AR">AR - Arkansas</option>
<option value="AZ">AZ - Arizona</option>
<option value="CA">CA - California</option>
<option value="CO">CO - Colorado</option>
<option value="CT">CT - Connecticut</option>
<option value="DC">DC - District of Columbia</option>
<option value="DE">DE - Delaware</option>
<option value="FL">FL - Florida</option>
<option value="GA">GA - Georgia</option>
<option value="HI">HI - Hawaii</option>
<option value="IA">IA - Iowa</option>
<option value="ID">ID - Idaho</option>
<option value="IL">IL - Illinois</option>
<option value="IN">IN - Indiana</option>
<option value="KS">KS - Kansas</option>
<option value="KY">KY - Kentucky</option>
<option value="LA">LA - Louisiana</option>
<option value="MA">MA - Massachusetts</option>
<option value="MD">MD - Maryland</option>
<option value="ME">ME - Maine</option>
<option value="MI">MI - Michigan</option>
<option value="MN">MN - Minnesota</option>
<option value="MO">MO - Missouri</option>
<option value="MS">MS - Mississippi</option>
<option value="MT">MT - Montana</option>
<option value="NC">NC - North Carolina</option>
<option value="ND">ND - North Dakota</option>
<option value="NE">NE - Nebraska</option>
<option value="NH">NH - New Hampshire</option>
<option value="NJ">NJ - New Jersey</option>
<option value="NM">NM - New Mexico</option>
<option value="NV">NV - Nevada</option>
<option value="NY">NY - New York</option>
<option value="OH">OH - Ohio</option>
<option value="OK">OK - Oklahoma</option>
<option value="OR">OR - Oregon</option>
<option value="PA">PA - Pennsylvania</option>
<option value="RI">RI - Rhode Island</option>
<option value="SC">SC - South Carolina</option>
<option value="SD">SD - South Dakota</option>
<option value="TN">TN - Tennessee</option>
<option value="TX">TX - Texas</option>
<option value="UT">UT - Utah</option>
<option value="VA">VA - Virginia</option>
<option value="VT">VT - Vermont</option>
<option value="WA">WA - Washington</option>
<option value="WI">WI - Wisconsin</option>
<option value="WV">WV - West Virginia</option>
<option value="WY">WY - Wyoming</option>
<option value="AS">AS - American Samoa</option>
<option value="FM">FM - Federated States of Micronesia</option>
<option value="GU">GU - Guam</option>
<option value="MH">MH - Marshall Islands</option>
<option value="MP">MP - Northern Mariana Islands</option>
<option value="PR">PR - Puerto Rico</option>
<option value="PW">PW - Palau</option>
<option value="VI">VI - Virgin Islands</option>
<option value="AA">AA - Armed Forces Americas</option>
<option value="AE">AE - Armed Forces</option>
<option value="AP">AP - Armed Forces Pacific</option>
<option value="AB">AB - Alberta</option>
<option value="BC">BC - British Columbia</option>
<option value="MB">MB - Manitoba</option>
<option value="NB">NB - New Brunswick</option>
<option value="NL">NL - Newfoundland and Labrador</option>
<option value="NS">NS - Nova Scotia</option>
<option value="NT">NT - Northwest Territories</option>
<option value="NU">NU - Nunavut</option>
<option value="ON">ON - Ontario</option>
<option value="PE">PE - Prince Edward Island</option>
<option value="QC">QC - Quebec</option>
<option value="SK">SK - Saskatchewan</option>
<option value="YT">YT - Yukon</option>
<option value="None">None</option>
</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_addr_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_state_Row', _display);
this.disable_submit_flag(_hidden);
}
//
-->
</script>
<noscript><br>Required</noscript>
<input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_state', '');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_state_row', _display);
this.disable_submit_flag(_hidden);
}
function billing_addr_state_listChanged(_evt) {
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('billing_addr_state', src);
}
}
var el = document.getElementById('billing_addr_state');
if (el) {
Utils.addEvent(el, 'change', billing_addr_state_listChanged);
}
</script><noscript> </noscript>
</div>
</div>
<div id="billing_addr_zip_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_zipname">ZIP:</label>
<input type="text" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="50">
<input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('billing_addr_zip', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('billing_addr_zip_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div id="donor_email_address_row" class="form-row form-text">
<div class="form-content">
<span class="field-required"></span>
<label for="donor_email_addressname">Email:</label>
<input type="text" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255">
<input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true">
<script type="text/javascript">
var comp = new ObservableComponent('donor_email_address', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('donor_email_address_row', _display);
this.disable_submit_flag(_hidden);
}
</script><noscript> </noscript>
</div>
</div>
<div class="custom-field-container form-row ">
<div class="form-content">
<div class="form-input-label-block">
<label for="phone_number_input">Phone:</label>
</div>
<input type="text" name="phone_number_input" id="phone_number_input" value="" maxlength="255">
<input type="hidden" name="phone_numbersubmit" id="phone_numbersubmit" value="true">
</div>
</div>
<div class="form-row form-checkbox" id="donor_email_opt_in_Row">
<div class="form-content">
<span class="check-box-form-label-text"></span>
<input type="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname" checked="checked" onclick="fire_obs_comp_event('donor_email_opt_in', this);">
<label for="donor_email_opt_inname"> Yes, please keep me informed! </label>
<script type="text/javascript">
var comp = new ObservableComponent('donor_email_opt_in', 'name');
comp.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display('donor_email_opt_in_Row', _display);
this.disable_submit_flag(_hidden);
}
comp.set = function(_value) {
if (document.getElementById('donor_email_opt_inname')) {
document.getElementById('donor_email_opt_inname').checked = _value;
this.fireEvent();
}
}
comp.get = function() {
if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked;
}
comp.clear = function() {
this.set(false);
}
</script><noscript> </noscript>
<input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true">
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
<div class="custom-opt">
<input type="checkbox" id="add_fees" name="add_fees">
<label for="add_fees">I would like 100% of my gift to go to the Food Bank. Please add 3% to my donation to assist with the transaction fees.</label>
</div>
</div>
</div>
<div class="custom-field-container form-row fees_row">
<div class="form-content">
<div class="form-input-label-block">
<label for="transaction_fees_dropdown">Transaction Fees</label>
</div>
<fieldset>
<input type="checkbox" name="transaction_fees_radio" id="transaction_fees_radio" value="true">
<label class="custom-element-checkbox-label" for="transaction_fees_radio">True</label>
</fieldset>
<input type="hidden" name="transaction_feessubmit" id="transaction_feessubmit" value="true">
</div>
</div>
<div class="button-container clearfix">
<div class="button-sub-container">
<button class="step-button action-button finish-step" type="submit" id="pstep_finish" name="pstep_finish" value="103.00">Donate $103</button>
</div>
</div>
<input type="hidden" name="idb" id="idb" value="1502141658">
<input type="hidden" name="df_id" id="df_id" value="13204">
<input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
<div class="form-row">
<div class="html-caption-container">
<script>
document.title = "Donate | Food Bank of Central & Eastern North Carolina"
// Fix for the known issue where users can't select
// credit card payment option after selecting Paypal
// When click on class
$(".payment-type-option").click(function() {
//getting the ID
var $this = $(this).children().attr("id");
$(".payment-type-option").removeClass("selected");
$('#' + $this).addClass("selected");
$('input:radio[name=responsive_payment_typepay_typeradio]').removeAttr('checked');
console.log($this)
// setting the time to override the display and hide of the elements
setTimeout(function() {
payments($this);
}, 150);
});
var payments = function(value) {
switch (value) {
case 'responsive_payment_typepay_typeradiocredit':
$("#payment_cc_container").attr("style", "display:block !important;");
$("#payment_bank_container").attr("style", "display:none !important;");
break;
case 'responsive_payment_typepay_typeradioach':
$("#payment_cc_container").attr("style", "display:none !important;");
$("#payment_bank_container").attr("style", "display:block !important;");
break;
case 'responsive_payment_typepay_typeradiopaypal':
$("#payment_cc_container").attr("style", "display:none !important;");
$("#payment_bank_container").attr("style", "display:none !important;");
break;
}
$('#' + value).prop('checked', true);
};
</script>
</div>
</div>
<div class="form-row">
<div class="html-caption-container">
</div>
</div>
</div>
<input type="hidden" name="13204.donation" id="13204.donation" value="form1">
</div>
<script type="text/javascript">
var submitted = false;
function checkDoubleClick() {
var elCheck = '';
if (elCheck == 'el') {
alert('Form submission is not enabled when previewing an individual data element.');
return false;
} else if (submitted) {
alert('You have already submitted this payment. Please wait....');
return false;
} else {
submitted = true;
return true;
}
}
</script><noscript> </noscript>
</form>Text Content
LET KIDS BE KIDS THIS SUMMER Nearly 300,000 children in our community are facing hunger this summer. The rising cost of food, rent, and utilities makes it harder for families and caregivers experiencing hunger to fill in the gap while school is out for the summer. Every $10 you give now can be MATCHED to provide 100 meals to help get hunger off a kid’s mind. SELECT YOUR DONATION AMOUNT One-Time Gift Monthly Gift Field Is Required Select Gift Amount: $50.00 $50 Will provide 500 nutritious meals $100.00 $100 Will provide 1000 nutritious meals $150.00 $150 Will provide 1500 nutritious meals $200.00 $200 Will provide 2,000 nutritious meals Or, enter your own gift amount to help as much as possible. Every $1 helps provide 10 meals. Enter amount $ 50Will provide 500 nutritious mealsevery month $ 100Will provide 1000 nutritious mealsevery month $ 150Will provide 1500 nutritious mealsevery month $ 200Will provide 2,000 nutritious mealsevery month Or, enter your own gift amount to help as much as possible. Every $1 helps provide 10 meals. Gift type: One-time gift Sustaining gift Select a Gift Duration: Forever(Monthly) 2 months Forever(Quarterly) 2 quarters Required Make this gift in honor or in memory of someone. Honor Gift Type: In Memory of In Honor of Required Honoree Title: Mr. Ms. Mrs. Miss Dr. Required Honoree Name: Name of Person to Notify: Address of Person to Notify: City: State: AK - Alaska AL - Alabama AR - Arkansas AZ - Arizona CA - California CO - Colorado CT - Connecticut DC - District of Columbia DE - Delaware FL - Florida GA - Georgia HI - Hawaii IA - Iowa ID - Idaho IL - Illinois IN - Indiana KS - Kansas KY - Kentucky LA - Louisiana MA - Massachusetts MD - Maryland ME - Maine MI - Michigan MN - Minnesota MO - Missouri MS - Mississippi MT - Montana NC - North Carolina ND - North Dakota NE - Nebraska NH - New Hampshire NJ - New Jersey NM - New Mexico NV - Nevada NY - New York OH - Ohio OK - Oklahoma OR - Oregon PA - Pennsylvania RI - Rhode Island SC - South Carolina SD - South Dakota TN - Tennessee TX - Texas UT - Utah VA - Virginia VT - Vermont WA - Washington WI - Wisconsin WV - West Virginia WY - Wyoming AS - American Samoa FM - Federated States of Micronesia GU - Guam MH - Marshall Islands MP - Northern Mariana Islands PR - Puerto Rico PW - Palau VI - Virgin Islands AA - Armed Forces Americas AE - Armed Forces AP - Armed Forces Pacific AB - Alberta BC - British Columbia MB - Manitoba NB - New Brunswick NL - Newfoundland and Labrador NS - Nova Scotia NT - Northwest Territories NU - Nunavut ON - Ontario PE - Prince Edward Island QC - Quebec SK - Saskatchewan YT - Yukon None Required Zip: Make my gift on behalf of an organization. Company Field PAYMENT INFORMATION PAYMENT METHOD: Credit Card Checking Account CREDIT CARD INFORMATION: Credit Card Type: * * * * Credit Card Number: Expiration Date:Select month of credit card Select Expiration Year 01 02 03 04 05 06 07 08 09 10 11 12 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 CVV Number: What is this? CHECKING ACCOUNT INFORMATION: Bank Routing Number: What is this? Bank Account Number: Verify Bank Account Number: Account Type: * Checking * Savings By checking this option, I agree to use my bank account as a payment method and authorize this organization to debit my bank account to fulfill my donation commitment. CHECK INFORMATION YOUR INFORMATION First Name: Last Name: Street: Street 2: City: State/Province: AK - Alaska AL - Alabama AR - Arkansas AZ - Arizona CA - California CO - Colorado CT - Connecticut DC - District of Columbia DE - Delaware FL - Florida GA - Georgia HI - Hawaii IA - Iowa ID - Idaho IL - Illinois IN - Indiana KS - Kansas KY - Kentucky LA - Louisiana MA - Massachusetts MD - Maryland ME - Maine MI - Michigan MN - Minnesota MO - Missouri MS - Mississippi MT - Montana NC - North Carolina ND - North Dakota NE - Nebraska NH - New Hampshire NJ - New Jersey NM - New Mexico NV - Nevada NY - New York OH - Ohio OK - Oklahoma OR - Oregon PA - Pennsylvania RI - Rhode Island SC - South Carolina SD - South Dakota TN - Tennessee TX - Texas UT - Utah VA - Virginia VT - Vermont WA - Washington WI - Wisconsin WV - West Virginia WY - Wyoming AS - American Samoa FM - Federated States of Micronesia GU - Guam MH - Marshall Islands MP - Northern Mariana Islands PR - Puerto Rico PW - Palau VI - Virgin Islands AA - Armed Forces Americas AE - Armed Forces AP - Armed Forces Pacific AB - Alberta BC - British Columbia MB - Manitoba NB - New Brunswick NL - Newfoundland and Labrador NS - Nova Scotia NT - Northwest Territories NU - Nunavut ON - Ontario PE - Prince Edward Island QC - Quebec SK - Saskatchewan YT - Yukon None Required ZIP: Email: Phone: Yes, please keep me informed! I would like 100% of my gift to go to the Food Bank. Please add 3% to my donation to assist with the transaction fees. Transaction Fees True Donate $103 Financial information about this organization and a copy of its license are available from the State Solicitation Licensing Branch at (919) 814-5400. This license is not an endorsement by the State. The Food Bank of Central & Eastern North Carolina is a registered 501(c)3 nonprofit organization, tax ID # 56-1283426. Copyright © 2023 All Rights Reserved Food Bank of Central & Eastern North Carolina 1924 Capital Blvd. Raleigh, NC 27604 919-875-0707 Fax 919-875-0801 Privacy Statement