Northvale Public Library : Sign Up to Stay in Touch

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="robots" content="noindex"> <meta name="googlebot" content="noindex"> <title> Northvale Public Library : Sign Up to Stay in Touch </title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> <link href="https://static.ctctcdn.com/ui/vendor/jquery-ui-1.8.17/jquery.ui.base.css?version=${maven.build.timestamp}" media="all" rel="stylesheet" type="text/css"/> <script> jQuery.noConflict(); </script> <link href="/core/css/base.css?version=${maven.build.timestamp}" rel="stylesheet" type="text/css"/> <link href="/core/css/visitor.css?version=${maven.build.timestamp}" rel="stylesheet" type="text/css"/> <link href="https://www.constantcontact.com/favicon.ico?version=${maven.build.timestamp}" rel="icon"/> <style type="text/css"> body { color:#5b5b5b; background-color:#FFFFFF } div.background-wrapper{ border-color: #5b5b5b; } a, a:link, a:visited, h1, h2, h3 { color: #5b5b5b; } </style> </head> <body> <div class="screen-width-indent"> <div id="visitorSiteLogo"> <img src="https://mlsvc01-prod.s3.amazonaws.com/70373ce0501/fda1aae0-db42-4ace-9668-e892e6c2c5c4.jpg?ver=1433171681000" border="0"/> </div> <div> <script src="/core/js/jquery/1.7.1/plugins/jquery.ux.infoPopup.js?version=${maven.build.timestamp}" language="javascript" id="javascript"></script> <link href="/core/css/jquery/1.7.1/plugins/jquery.ux.infoPopup.css?version=${maven.build.timestamp}" media="all" rel="stylesheet" type="text/css"/> <script> var $jq = jQuery; </script> <div id="optin" class="container"> <h1 style="text-align:center">Sign up to be a Northvale library champion!</h1> <form id="addForm" action="/manage/optin?v=001ReNyPK_Ooy8EREpjmuIngjr0o-SLeNxPJfhFyppxZyaLeYBknKroeHiARTdKXHikwHK1jzrGy-pxtnkl4cqiMu12JGUexQ-ugtF97mGQBp0%3D" method="post" accept-charset="UTF-8"> <div class="form-background-wrapper clearfix"> <div class="colLeft"> <p> Library Champions are patrons who love their libraries and want to be in the know about issues that may affect them. When important library issues arise, Library Champions are notified so they can then take appropriate action such as phone calls, emails to legislators or simply talking up the library to their neighbors. Please join in this effort. </p> <input id="subscriberProfile.visitorPropertiesSize" name="subscriberProfile.visitorPropertiesSize" type="hidden" value="4"/> <div id="subProfile"> <fieldset> <div class="prop-input clearfix" data-name="Email Address"> <label for="inputProp0"> <span class="required">*</span> Email Address </label> <input id="inputProp0" name="subscriberProfile.visitorProps[0].value" data-input="Email Address" type="text" value="" maxlength="50"/> <input id="subscriberProfile.visitorProps0.id" name="subscriberProfile.visitorProps[0].id" type="hidden" value="80"/> <input id="subscriberProfile.visitorProps0.name" name="subscriberProfile.visitorProps[0].name" type="hidden" value="Email Address"/> <input id="subscriberProfile.visitorProps0.maxLen" name="subscriberProfile.visitorProps[0].maxLen" type="hidden" value="50"/> <input id="subscriberProfile.visitorProps0.required" name="subscriberProfile.visitorProps[0].required" type="hidden" value="true"/> <input id="subscriberProfile.visitorProps0.inputType" name="subscriberProfile.visitorProps[0].inputType" type="hidden" value="input"/> <input id="subscriberProfile.visitorProps0.refDataKey" name="subscriberProfile.visitorProps[0].refDataKey" type="hidden" value=""/> <input id="subscriberProfile.visitorProps0.customPropID" name="subscriberProfile.visitorProps[0].customPropID" type="hidden" value=""/> </div> <div class="prop-input clearfix" data-name="First Name"> <label for="inputProp1"> First Name </label> <input id="inputProp1" name="subscriberProfile.visitorProps[1].value" data-input="First Name" type="text" value="" maxlength="50"/> <input id="subscriberProfile.visitorProps1.id" name="subscriberProfile.visitorProps[1].id" type="hidden" value="100"/> <input id="subscriberProfile.visitorProps1.name" name="subscriberProfile.visitorProps[1].name" type="hidden" value="First Name"/> <input id="subscriberProfile.visitorProps1.maxLen" name="subscriberProfile.visitorProps[1].maxLen" type="hidden" value="50"/> <input id="subscriberProfile.visitorProps1.required" name="subscriberProfile.visitorProps[1].required" type="hidden" value="false"/> <input id="subscriberProfile.visitorProps1.inputType" name="subscriberProfile.visitorProps[1].inputType" type="hidden" value="input"/> <input id="subscriberProfile.visitorProps1.refDataKey" name="subscriberProfile.visitorProps[1].refDataKey" type="hidden" value=""/> <input id="subscriberProfile.visitorProps1.customPropID" name="subscriberProfile.visitorProps[1].customPropID" type="hidden" value=""/> </div> <div class="prop-input clearfix" data-name="Last Name"> <label for="inputProp2"> Last Name </label> <input id="inputProp2" name="subscriberProfile.visitorProps[2].value" data-input="Last Name" type="text" value="" maxlength="50"/> <input id="subscriberProfile.visitorProps2.id" name="subscriberProfile.visitorProps[2].id" type="hidden" value="300"/> <input id="subscriberProfile.visitorProps2.name" name="subscriberProfile.visitorProps[2].name" type="hidden" value="Last Name"/> <input id="subscriberProfile.visitorProps2.maxLen" name="subscriberProfile.visitorProps[2].maxLen" type="hidden" value="50"/> <input id="subscriberProfile.visitorProps2.required" name="subscriberProfile.visitorProps[2].required" type="hidden" value="false"/> <input id="subscriberProfile.visitorProps2.inputType" name="subscriberProfile.visitorProps[2].inputType" type="hidden" value="input"/> <input id="subscriberProfile.visitorProps2.refDataKey" name="subscriberProfile.visitorProps[2].refDataKey" type="hidden" value=""/> <input id="subscriberProfile.visitorProps2.customPropID" name="subscriberProfile.visitorProps[2].customPropID" type="hidden" value=""/> </div> <div class="prop-input clearfix" data-name="Phone Number"> <label for="inputProp3"> Phone Number </label> <input id="inputProp3" name="subscriberProfile.visitorProps[3].value" data-input="Phone Number" type="text" value="" maxlength="50"/> <input id="subscriberProfile.visitorProps3.id" name="subscriberProfile.visitorProps[3].id" type="hidden" value="800"/> <input id="subscriberProfile.visitorProps3.name" name="subscriberProfile.visitorProps[3].name" type="hidden" value="Phone Number"/> <input id="subscriberProfile.visitorProps3.maxLen" name="subscriberProfile.visitorProps[3].maxLen" type="hidden" value="50"/> <input id="subscriberProfile.visitorProps3.required" name="subscriberProfile.visitorProps[3].required" type="hidden" value="false"/> <input id="subscriberProfile.visitorProps3.inputType" name="subscriberProfile.visitorProps[3].inputType" type="hidden" value="input"/> <input id="subscriberProfile.visitorProps3.refDataKey" name="subscriberProfile.visitorProps[3].refDataKey" type="hidden" value=""/> <input id="subscriberProfile.visitorProps3.customPropID" name="subscriberProfile.visitorProps[3].customPropID" type="hidden" value=""/> </div> </fieldset> </div> </div> <div id="colLeftContent" class="colLeft"> <input id="subscriberProfile.visitorParams" name="subscriberProfile.visitorParams" type="hidden" value="001ReNyPK_Ooy8EREpjmuIngjr0o-SLeNxPJfhFyppxZyaLeYBknKroeHiARTdKXHikwHK1jzrGy-pxtnkl4cqiMu12JGUexQ-ugtF97mGQBp0="/> <input id="subscriptions.interestCategoriesSize" name="subscriptions.interestCategoriesSize" type="hidden" value="0"/> </div> <div class="colLeft"> <div id="displayCaptcha"> <input id="captcha.url" name="captcha.url" type="hidden" value="https://visitor.r20.constantcontact.com/manage/optin"/> <input id="captcha.remoteAddr" name="captcha.remoteAddr" type="hidden" value="8.222.208.146"/> <input id="capResponse" name="captcha.response" type="hidden" value=""/> <input id="captcha.key" name="captcha.key" type="hidden" value="6LcB5AIAAAAAANx7J2ADgUFxwd_zllfY4DxX81c5"/> <input id="captcha.control" name="captcha.control" type="hidden" value="001sZCHhz-VM5MHEUCLBIaeAEx-F-qXYSsj"/> </div> </div> <div class="txt-mid foot-container update-profile-footer-container"> <div class="footer_copy update-profile-footer"> By submitting this form, you are consenting to receive marketing emails from: Northvale Public Library, 116 Paris Ave., Northvale, NJ, 07647 United States, http://www.northvalelibrary.org. You can revoke your consent to receive emails at any time by using the <img src="https://imgssl.constantcontact.com/letters/images/safe_unsubscribe_envelop.gif" width="12" height="9" border="0" alt="SafeUnsubscribe" title="SafeUnsubscribe" /> <strong>SafeUnsubscribe®</strong> link, found at the bottom of every email. <a href="//www.constantcontact.com/legal/service-provider" target="_blank">Emails are serviced by Constant Contact.</a> </div> </div> <div class="clear"></div> <div class="visitorActions clearfix"> <input name="_save" type="submit" id="update-profile-submit-btn" class="btn btn-primary full" value="Sign Up"/> </div> </div> </form> </div> <script type="text/javascript"> (function($){ $("#emailFormat").hide(); $("#colLeftContent").hide(); $(".colRight").removeClass("colRight").addClass("colLeft"); })(jQuery); var ea = { toggleForm: function () { if ($jq('#updateEa:visible').length > 0) { this.hideForm(); } else { this.showForm(); } $jq('#updateEa').slideToggle(); }, showForm: function() { $jq( '.visitorActions input[name=_save]' ).attr( 'disabled', 'disabled' ); $jq( '#updateEaSuccess' ).hide(); }, hideForm: function() { $jq( '.visitorActions input[name=_save]' ).removeAttr( 'disabled' ); $jq( '#eaUpdateErrors' ).hide(); $jq( '#updateEaForm :text' ).val( '' ); }, update: function() { $jq( '#eaUpdateErrors' ).hide(); $jq.ajax( { type: 'POST', url: $jq( '#updateEaForm' ).attr( 'action' ), dataType: "json", data: $jq( '#updateEaForm' ).serialize(), success: function( data, textStatus ) { ea._handleUpdateSuccess( data ); }, error: function( request, textStatus, errorThrown ) { ea._handleUpdateError( errorThrown ); }, beforeSend: function( request ) { $jq( '#eaUpdateWait' ).toggle(); }, complete: function( request, textStatus ) { $jq( '#eaUpdateWait' ).toggle(); } } ); }, _handleUpdateSuccess: function( rsp ) { if ( rsp.status == 'failure' ) { this._displayError( rsp.fieldErrors.emailAddr ); return; } $jq( '#emailAddr' ).text( rsp.ea.emailAddr ); $jq( '#updateEaForm input[name=oldEmailAddr]' ).val( rsp.ea.emailAddr ); $jq( '#updateEaSuccess' ).show(); this.hideForm(); }, _handleUpdateError: function( error ) { this._displayError( 'We are unable to update your email address at this time' ); }, _displayError: function( error ) { error = error.replace( /\.ea\.[\w]+$/, '' ); // Strip off .ea.emailAddr $jq( '#eaUpdateErrors' ).text( error ); $jq( '#eaUpdateErrors' ).fadeIn( 'slow' ); } }; jQuery( document ).ready( function() { var address = "Address"; var update_profile = "Update Profile"; var yes_unsubscribe = "Unsubscribe"; var street_address = "Street"; var state_province = "Select a state/province"; var country_label = "Select a country"; var zip_code = "Zip Code"; var city = "City"; var buttonText = { update_profile: $jq('<div/>').html(update_profile).text(), yes_unsubscribe: $jq('<div/>').html(yes_unsubscribe).text() }; var strings = { address: $jq('<div/>').html(address).text(), street_address: $jq('<div/>').html(street_address).text(), state_province: $jq('<div/>').html(state_province).text(), country: $jq('<div/>').html(country_label).text(), zip_code: $jq('<div/>').html(zip_code).text(), city: $jq('<div/>').html(city).text() }; var country = $jq('[data-name="Country"]'); var street = $jq('[data-name="Street Address"]'); var state_province = $jq('[data-name="State/Province"]'); var address_label = $jq('<div />', { 'class': 'prop-input clearfix' }).append($jq('<label />', { html: strings.address })); var first_address = $jq(" [data-name='Street Address'], [data-name='City'], [data-name='Zip Code'], [data-name='Country'], [data-name='State/Province'] ").first(); if(first_address.attr("data-name") !== "Country"){ country.insertBefore(first_address); } $jq('input[data-input="Street Address"]').attr("placeholder",strings.street_address); $jq('input[data-input="City"]').attr("placeholder",strings.city); $jq('input[data-input="Zip Code"]').attr("placeholder",strings.zip_code); $jq('[data-name="Country"]').find('select > option:first-child').text(strings.country); $jq('[data-name="State/Province"]').find('select > option:first-child').text(strings.state_province); $jq('div[data-name="Street Address"],div[data-name="State/Province"],div[data-name="City"],div[data-name="Zip Code"]') .each(function(){ $jq(this).find('label').hide(); }); label_location = country.length ? country : first_address; address_label.insertBefore(label_location); if( first_address.find("span.required").length ){ address_label.find("label").prepend('<span class="required">*</span>'); } $jq( '#optoutAllRadio' ).click( function() { $jq( '#intCatSelection' ).hide(); $jq( '.visitorActions .btn-primary').val(buttonText.yes_unsubscribe); $jq( '#emailFormat :input' ).attr( 'disabled', 'disabled' ); $jq( '#subProfile :input' ).attr( 'disabled', 'disabled' ); }); $jq( '#optoutSomeRadio' ).click( function() { $jq( '#intCatSelection' ).slideDown(); $jq( '.visitorActions .btn-primary').val(buttonText.update_profile); $jq( '#emailFormat :input' ).removeAttr( 'disabled' ); $jq( '#subProfile :input' ).removeAttr( 'disabled' ); }); if ($jq( '#optoutAllRadio:checked').length > 0) { $jq( '#optoutAllRadio').trigger("click"); } $jq( '#updateEmailAddrLink a' ).click( function() { ea.toggleForm(); }); $jq( '#updateEa .btn-primary' ).click( function() { ea.update(); return false; }); $jq( '#updateEa .btn-secondary' ).click( function() { ea.hideForm(); return false; }); var setInputType = (function getInputType() { var $input_id = state_province.find('input[value=1300]'), $select_input = state_province.find('select[id^="inputProp"]'), $text_input = $jq('<input />', { 'id': $select_input.attr('id'), 'data-input': 'State/Province', 'name': $select_input.attr('name'), 'type': 'text', 'maxlength': '50', 'placeholder': 'State/Province', }), init = function init(country_code) { var show_dropdown_input = country_code === 'us' || country_code === 'ca'; if (show_dropdown_input && $text_input.is(':visible')) { $input_id.val(1300); $text_input.replaceWith($select_input); } else if (!show_dropdown_input && $select_input.is(':visible')) { $input_id.val(1400); $select_input.replaceWith($text_input); } }; return init; })(), country_select = country.find(' > select'); if (country_select.val()) { setInputType(country_select.val()); } country_select.on('change', function onCountryUpdate() { setInputType($jq(this).val()); }); $jq('input[data-input="Birthday"]').attr("placeholder","MM/DD").attr("maxlength", "5"); $jq('input[data-input="Anniversary"]').attr("placeholder","MM/DD/YYYY").attr("maxlength", "10"); // HTML5 Feature of "placeholder" in text input fields does not yet work in IE // this code will mimic the behavior of the placeholder attribute // so that it works in IE in the same way as other browsers // before executing the code, we expand the jquery.support object to check // if the placeholder feature works in the browser, if it does not // then we implement the javascript functions // code concept from: http://www.cssnewbie.com/cross-browser-support-for-html5-placeholder-text-in-forms/ //detect if browser supports placeholders jQuery.support.placeholder = false; var test = document.createElement('input'); if('placeholder' in test) jQuery.support.placeholder = true; if(!jQuery.support.placeholder) { //placeholder text is not supported jQuery('body').on({ focus: function () { if (jQuery(this).attr('placeholder') != '' && jQuery(this).val() == jQuery(this).attr('placeholder')) { jQuery(this).val('').removeClass('hasPlaceholder'); } }, blur: function () { if (jQuery(this).attr('placeholder') != '' && (jQuery(this).val() == '' || jQuery(this).val() == jQuery(this).attr('placeholder'))) { jQuery(this).val(jQuery(this).attr('placeholder')).addClass('hasPlaceholder'); } } }, '[placeholder]'); jQuery('form').submit(function () { jQuery(this).find('.hasPlaceholder').each(function() { jQuery(this).val(''); }); }); setInterval(function() { jQuery("[placeholder]:not('.init-ph')").blur().addClass("init-ph") }, 500); } }); function onSubmit(response) { $jq( '#capResponse' ).val( response ); }; </script>  <div class="txt-mid foot-container"> <div class="footer_copy"> </div> </div> </div> </div>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2821686-14', 'auto'); ga('send', 'pageview', { 'page': 'signup.form', 'title': 'signup.form' }); </script>  </body> </html>

CINXE.COM

Northvale Public Library : Sign Up to Stay in Touch