CINXE.COM
Donate to ALL Foundation of Washington - WA Secretary of State
<!DOCTYPE html> <html> <head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="shortcut icon" href="/favicon.ico" /><title> Donate to ALL Foundation of Washington - WA Secretary of State </title><meta property="og:image" content="https://www.sos.wa.gov/home-assets/SecStateWA_Block_Color_RGB_300dpi.png" /><meta property="og:url" content="https://www.sos.wa.gov/donate/default.aspx" /><meta property="og:image:width" content="600" /><meta property="og:image:height" content="315" /><meta property="og:image:type" content="image/jpeg" /><meta property="og:type" content="article" /><meta name="twitter:card" content="summary" /><meta name="twitter:site" content="@secstatewa" /><meta name="twitter:creator" content="@secstatewa" /><meta property="og:description" content="The Secretary of State is the state's chief elections officer, chief corporations officer, and supervisor of the State Archives and State Library." /><meta property="og:title" /><link rel="stylesheet" href="/css/style.css" /><link rel="stylesheet" href="/css/overrides.css" /><link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css" rel="stylesheet" /> <!-- Load Web Fonts --> <link href='//fonts.googleapis.com/css?family=Hind:400,500,300,600,700' rel='stylesheet' type='text/css'> <link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,600,700,800" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-1.12.4.min.js">\x3c/script>')</script> <!-- Load jQuery from Google CDN with local fallback in case of failure --> <!-- Patch support for legacy IE --> <!--[if IE]> <link href="/css/ie/ie.css" rel="stylesheet"> <![endif]--> <!--[if lt IE 9]> <script src="/js/lib/html5shiv/html5shiv.min.js"></script> <script src="/js/respond.min.js"></script> <link href="/css/ie/ie8.css" rel="stylesheet"> <![endif]--> <!--[if lt IE 8]> <link href="/css/ie/bootstrap-ie7.css" rel="stylesheet"> <![endif]--> <script type="text/javascript"> !function (T, l, y) { var S = T.location, k = "script", D = "instrumentationKey", C = "ingestionendpoint", I = "disableExceptionTracking", E = "ai.device.", b = "toLowerCase", w = "crossOrigin", N = "POST", e = "appInsightsSDK", t = y.name || "appInsights"; (y.name || T[e]) && (T[e] = t); var n = T[t] || function (d) { var g = !1, f = !1, m = { initialize: !0, queue: [], sv: "5", version: 2, config: d }; function v(e, t) { var n = {}, a = "Browser"; return n[E + "id"] = a[b](), n[E + "type"] = a, n["ai.operation.name"] = S && S.pathname || "_unknown_", n["ai.internal.sdkVersion"] = "javascript:snippet_" + (m.sv || m.version), { time: function () { var e = new Date; function t(e) { var t = "" + e; return 1 === t.length && (t = "0" + t), t } return e.getUTCFullYear() + "-" + t(1 + e.getUTCMonth()) + "-" + t(e.getUTCDate()) + "T" + t(e.getUTCHours()) + ":" + t(e.getUTCMinutes()) + ":" + t(e.getUTCSeconds()) + "." + ((e.getUTCMilliseconds() / 1e3).toFixed(3) + "").slice(2, 5) + "Z" }(), iKey: e, name: "Microsoft.ApplicationInsights." + e.replace(/-/g, "") + "." + t, sampleRate: 100, tags: n, data: { baseData: { ver: 2 } } } } var h = d.url || y.src; if (h) { function a(e) { var t, n, a, i, r, o, s, c, u, p, l; g = !0, m.queue = [], f || (f = !0, t = h, s = function () { var e = {}, t = d.connectionString; if (t) for (var n = t.split(";"), a = 0; a < n.length; a++) { var i = n[a].split("="); 2 === i.length && (e[i[0][b]()] = i[1]) } if (!e[C]) { var r = e.endpointsuffix, o = r ? e.location : null; e[C] = "https://" + (o ? o + "." : "") + "dc." + (r || "services.visualstudio.com") } return e }(), c = s[D] || d[D] || "", u = s[C], p = u ? u + "/v2/track" : d.endpointUrl, (l = []).push((n = "SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)", a = t, i = p, (o = (r = v(c, "Exception")).data).baseType = "ExceptionData", o.baseData.exceptions = [{ typeName: "SDKLoadFailed", message: n.replace(/\./g, "-"), hasFullStack: !1, stack: n + "\nSnippet failed to load [" + a + "] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: " + (S && S.pathname || "_unknown_") + "\nEndpoint: " + i, parsedStack: [] }], r)), l.push(function (e, t, n, a) { var i = v(c, "Message"), r = i.data; r.baseType = "MessageData"; var o = r.baseData; return o.message = 'AI (Internal): 99 message:"' + ("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) (" + n + ")").replace(/\"/g, "") + '"', o.properties = { endpoint: a }, i }(0, 0, t, p)), function (e, t) { if (JSON) { var n = T.fetch; if (n && !y.useXhr) n(t, { method: N, body: JSON.stringify(e), mode: "cors" }); else if (XMLHttpRequest) { var a = new XMLHttpRequest; a.open(N, t), a.setRequestHeader("Content-type", "application/json"), a.send(JSON.stringify(e)) } } }(l, p)) } function i(e, t) { f || setTimeout(function () { !t && m.core || a() }, 500) } var e = function () { var n = l.createElement(k); n.src = h; var e = y[w]; return !e && "" !== e || "undefined" == n[w] || (n[w] = e), n.onload = i, n.onerror = a, n.onreadystatechange = function (e, t) { "loaded" !== n.readyState && "complete" !== n.readyState || i(0, t) }, n }(); y.ld < 0 ? l.getElementsByTagName("head")[0].appendChild(e) : setTimeout(function () { l.getElementsByTagName(k)[0].parentNode.appendChild(e) }, y.ld || 0) } try { m.cookie = l.cookie } catch (p) { } function t(e) { for (; e.length;)!function (t) { m[t] = function () { var e = arguments; g || m.queue.push(function () { m[t].apply(m, e) }) } }(e.pop()) } var n = "track", r = "TrackPage", o = "TrackEvent"; t([n + "Event", n + "PageView", n + "Exception", n + "Trace", n + "DependencyData", n + "Metric", n + "PageViewPerformance", "start" + r, "stop" + r, "start" + o, "stop" + o, "addTelemetryInitializer", "setAuthenticatedUserContext", "clearAuthenticatedUserContext", "flush"]), m.SeverityLevel = { Verbose: 0, Information: 1, Warning: 2, Error: 3, Critical: 4 }; var s = (d.extensionConfig || {}).ApplicationInsightsAnalytics || {}; if (!0 !== d[I] && !0 !== s[I]) { var c = "onerror"; t(["_" + c]); var u = T[c]; T[c] = function (e, t, n, a, i) { var r = u && u(e, t, n, a, i); return !0 !== r && m["_" + c]({ message: e, url: t, lineNumber: n, columnNumber: a, error: i }), r }, d.autoExceptionInstrumented = !0 } return m }(y.cfg); function a() { y.onInit && y.onInit(n) } (T[t] = n).queue && 0 === n.queue.length ? (n.queue.push(a), n.trackPageView({})) : a() }(window, document, { src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout, // useXhr: 1, // Use XHR instead of fetch to report failures (if available), crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DO NOT ADD anything to the sdk.queue -- As they won't get called) cfg: { // Application Insights Configuration connectionString: "InstrumentationKey=840f2c2c-c022-4dbc-8648-0107f590427a;IngestionEndpoint=https://westus2-2.in.applicationinsights.azure.com/;LiveEndpoint=https://westus2.livediagnostics.monitor.azure.com/" } }); </script> <!-- Google Analytics will go here --> <!-- <script type="text/javascript"> (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-50445087-1', 'wa.gov'); ga('require', 'linkid', 'linkid.js'); ga('require', 'displayfeatures'); ga('require', 'eventTracker'); ga('send', 'pageview'); </script> --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7B08VE04WV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7B08VE04WV'); </script> <script src="/js/ga-link-tracker.js"></script> <script src="/js/ga-autotrack/autotrack.js"></script></head> <body id="divisions-cms-master" class="divisions-cms-master donate-default"> <a href="#content" class="sr-only sr-only-focusable">Jump to Content</a> <header class="navbar navbar-inverse osos-nav header-top" role="banner"> <div class="inner-header navbar-header container"> <div class="row"> <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#osos-search-collapse"> <span class="sr-only">Toggle search box</span> <i class="fa fa-search"></i> </button> <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#osos-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-bars"></i> </button> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4"> <a class="logo" href="https://www.sos.wa.gov/"> <img class="wh-logo" src="/images/osos-logo-trans-white.png" alt="WA Secretary of State logo" /> <img class="image" src="/../home-assets/SecStateWA_Block_Color_RGB_300dpi.png" alt="WA Secretary of State logo" style="height:75px;" /> </a> </div> <h2 class="title col-lg-6 col-md-6 col-sm-6 col-xs-12"><a href="https://www.sos.wa.gov/"></a></h2> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 pull-right" style="padding-left: 0; padding-right: 0;"> <div class="navbar-form navbar-right navbar-collapse collapse" role="search" id="osos-search-collapse"> <div class="form-group search"> <label class="sr-only" for="sos-search-val2">Search</label> <!--<form method="get" action="/search/default.aspx"> --> <div class="input-group"> <input type="text" id="sos-search-val2" name="q" class="form-control" placeholder="Search..."> <span class="input-group-btn"> <button id="sos-search2" class="btn btn-header" type="submit"><i class="fa fa-search"></i></button> </span> </div> <!--</form> --> </div> </div> </div> </div> <!-- end .navbar-header --> </div> <!-- end .inner-header --> <div class="nav-container"> <nav class="division navbar-collapse collapse" role="navigation" id="osos-navbar-collapse"> <div class="container"> <div class="row"> <ul class="nav navbar-nav col-lg-12 col-md-12 osos-primary-nav" id="osos-primary-nav"> <li> <a id="tab-home" class="selected" href="/"> <span class="fa fa-home"></span> <span class="tab-home-word">Home</span> </a> </li> <li class="m0"><a href="/legacy/" class="">Legacy Washington</a></li> <li class="m0"><a href="http://www.wtbbl.org" class="">Washington Talking Book & Braille Library</a></li> <li class="m0"><a href="/library/" class="">Washington State Library</a></li> <li class="m0"><a href="/archives/" class="">Washington State Archives</a></li> </ul> </div> </div> </nav> </div> <nav id="scrolling-nav" class="hide-onload"> <div class="container"> <div class="row"> <div class="scroll-logo col-lg-1 col-md-1 col-sm-1"> <a href="/"> <img src="/images/osos-trans-white-75.png" /></a> </div> <ul class="col-lg-11 col-md-11 col-sm-11 navbar-nav" id="osos-scrolling-nav"> <!-- list items cloned by jQuery here --> </ul> </div> </div> </nav> </header> <!-- end header --> <div id="content" class="content"> <div id="main" class="container" role="main"> <div id="inner-content" class="row"> <div class="article col-lg-12" lang="en" role="article"> <!-- Print --> <h1></h1> <div id="DonationForm"> <div class="page-header margin-top-20"> <h1 class="reset-margin">Donate to Legacy Washington</h1> </div> <div class="row"> <div class="col-lg-12"> <div class="osos-callout osos-callout-success transparent-border reset-margin-top"> <p>Thank you for considering a tax-deductible contribution to the ALL Foundation of Washington. The ALL Foundation, a non-profit corporation registered with the Washington State Charities Program, supports the Washington State Library, Washington State Archives, Legacy Washington and Washington Talking Book & Braille Library programs and collections.</p> <ul> <li>Our tax ID number is 26-3135760.</li> <li>All donations are tax deductible as allowed by law.</li> </ul> <p id="request_a"></p> <hr /> <h4><i class="fa fa-exclamation-circle"></i> Your donation will show as <u>ALL Foundation of Washington</u> on your credit card statement.</h4> <h4><i class="fa fa-exclamation-circle"></i> You can also donate to the ALL Foundation instantly via PayPal without filling out the form below.</h4> </div> </div> <div class="col-lg-12"> <div class="well"> <p id="request_b"></p> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="JE8ZNRL5EQFUC"> <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> </div> <div class="osos-callout osos-callout-info transparent-border"> <h4>Have an issue with donating online?</h4> <p id="ifissue"></p> </div> </div> </div> <hr /> <h2 class="margin-bottom-20">Legacy Washington Gift Information</h2> <div id="chkboxdiv" style="display:none; background-color:lightgreen;"> <h4><br />Automatically repeat this gift every month <input type="checkbox" id="chk_ShowMonthly" value="Automatically repeat this gift every month" /> <br /><br /></h4> </div> <div id="div_FormStack_OneTimeDonation" style="display:block"> <script type="text/javascript" src="https://SOSWA.formstack.com/forms/js.php/legacy_1_time_donation"></script> <noscript><a href="https://SOSWA.formstack.com/forms/legacy_1_time_donation" title="Online Form">Online Form - Legacy - One-Time Donation</a></noscript> <div style="text-align:right; font-size:x-small;"> <a href="http://www.formstack.com?utm_source=jsembed&utm_medium=product&utm_campaign=product+branding&fa=h,4661434" title="Powered by Formstack">Powered by Formstack</a> </div> </div> <div id="div_FormStack_MonthlyDonation" style="display:none"> <script type="text/javascript" src="https://SOSWA.formstack.com/forms/js.php/legacy_monthly"></script> <noscript><a href="https://SOSWA.formstack.com/forms/legacy_monthly" title="Online Form">Online Form - Legacy - Monthly Donation</a></noscript> <div style="text-align:right; font-size:x-small;"> <a href="http://www.formstack.com?utm_source=jsembed&utm_medium=product&utm_campaign=product+branding&fa=h,4661435" title="Powered by Formstack">Powered by Formstack</a> </div> </div> <div id="div_oldform"> <h2 class="margin-bottom-20">Gift Information</h2> <div class="row"> <fieldset class="col-lg-4 col-md-4 col-sm-5"> <legend>Select Gift Amount</legend> <div class="form-group"> <div class="radio"> <label> <input type="radio" id="Gift5" name="GiftAmount" value="5" /> $5 </label> </div> <div class="radio"> <label> <input type="radio" id="Gift10" name="GiftAmount" value="10" /> $10 </label> </div> <div class="radio"> <label> <input type="radio" id="Gift25" name="GiftAmount" value="25" /> $25 </label> </div> <div class="radio"> <label> <input type="radio" id="Gift50" name="GiftAmount" value="50" /> $50 </label> </div> <div class="radio"> <label> <input type="radio" id="Gift100" name="GiftAmount" value="100" /> $100 </label> </div> <div class="radio"> <label> <input type="radio" id="Gift250" name="GiftAmount" value="250" /> $250 </label> </div> <div class="radio"> <label> <input type="radio" id="Gift500" name="GiftAmount" value="500" /> $500 </label> </div> <div class="radio"> <label for="GiftOtherAmount"> <input type="radio" id="GiftOther" name="GiftAmount" value="Other" /> Other $<input type="text" id="GiftOtherAmount" class="form-control inline-block" /> </label> </div> <div class="osos-callout osos-callout-success remove-padding-bottom remove-padding-top inline-block"> <div class="checkbox"> <label> <input type="checkbox" id="RepeatGift" /> Automatically repeat this gift every month </label> </div> </div> </div> </fieldset> <fieldset class="col-lg-8 col-md-8 col-sm-7"> <legend>Make a donation to the program of your choice</legend> <div class="form-group"> <select class="form-control input-lg" id="donation-program"> <option value="">Choose...</option> <option value="Legacy Washington, programs and exhibits">Legacy Washington, programs and exhibits</option> <option value="Washington State Archives public programs and collections">Washington State Archives public programs and collections</option> <option value="Washington State Library public programs and collections">Washington State Library public programs and collections</option> <option value="Washington State Library Institutional Library Services">Washington State Library Institutional Library Services</option> <option value="Washington Talking Book & Braille Library">Washington Talking Book & Braille Library</option> </select> </div> <div class="form-group hide-onload" id="institutional-library-group"> <label for="institutional-library">Would you like to donate to a specific ILS library?</label> <select class="form-control input-lg" id="institutional-library"> <option value="">Choose ILS library...</option> <option value="">No preference</option> <option value="Airway Heights Corrections Center - Airway Heights">Airway Heights Corrections Center - Airway Heights</option> <option value="Clallam Bay Corrections Center - Clallam Bay">Clallam Bay Corrections Center - Clallam Bay</option> <option value="Coyote Ridge Corrections Center - Connell">Coyote Ridge Corrections Center - Connell</option> <option value="Eastern State Hospital - Medical Lake">Eastern State Hospital - Medical Lake</option> <option value="Stafford Creek Corrections Center - Aberdeen">Stafford Creek Corrections Center - Aberdeen</option> <option value="Twin Rivers Corrections Center - Monroe">Twin Rivers Corrections Center - Monroe</option> <option value="Washington Corrections Center - Shelton">Washington Corrections Center - Shelton</option> <option value="Washington Corrections Center for Women - Gig Harbor">Washington Corrections Center for Women - Gig Harbor</option> <option value="Western State Hospital - Lakewood">Western State Hospital - Lakewood</option> <option value="Washington State Penitentiary - Walla Walla">Washington State Penitentiary - Walla Walla</option> <option value="Washington State Reformatory - Monroe">Washington State Reformatory - Monroe</option> </select> </div> <div class="hide-onload" id="dedication-fields"> <div class="form-group"> <label for="dedication">Dedication</label> <select class="form-control input-lg" id="dedication"> <option value="">No dedication</option> <option value="This gift is made in memory of">This gift is made in memory of:</option> <option value="This gift is made in honor of">This gift is made in honor of:</option> <option value="This gift is made on behalf of">This gift is made on behalf of:</option> </select> </div> <div class="form-group hide-onload" id="dedication-name-group"> <label for="dedication-name">Dedication Name</label> <input id="dedication-name" name="dedication-name" class="form-control input-lg" /> </div> </div> <div class="hide-onload" id="library-program-fields"> <div class="form-group"> <label for="wsl-program">Would you like to contribute to a specific library program?</label> <select class="form-control input-lg" id="wsl-program"> <option value="">Choose program...</option> <option value="">No preference</option> <option value="WSL Collection Development">Collection Development</option> <option value="WSL Digitization of Collection Materials">Digitization of Collection Materials</option> <option value="WSL Genealogical Collections & Research">Genealogical Collections & Research</option> <option value="WSL Newspaper Preservation">Newspaper Preservation</option> <option value="Washington Digital Newspapers Program">Washington Digital Newspapers Program</option> <option value="Washington Center for the Book">Washington Center for the Book</option> </select> </div> </div> </fieldset> </div> <div class="row"> <fieldset class="col-lg-7 col-md-7 col-sm-7"> <legend>Billing Information</legend> <div class="row"> <div class="form-group col-lg-3 col-md-3 col-sm-4"> <label for="Title">Title</label> <select id="Title" class="form-control"> <option value="">Choose...</option> <option value="Mr.">Mr.</option> <option value="Miss">Miss</option> <option value="Mrs.">Mrs.</option> <option value="Ms.">Ms.</option> </select> </div> <div class="form-group col-lg-4 col-md-4 col-sm-4"> <label for="FirstName"><span class="required">*</span> First Name</label> <input type="text" id="FirstName" class="form-control" /> </div> <div class="form-group col-lg-4 col-md-4 col-sm-4"> <label for="LastName"><span class="required">*</span> Last Name</label> <input type="text" id="LastName" class="form-control" /> </div> </div> <div class="row"> <div class="form-group col-lg-9 col-md-9 col-sm-9"> <label for="Address1"><span class="required">*</span> Address 1</label> <input type="text" id="Address1" class="form-control" /> </div> <div class="form-group col-lg-9 col-md-9 col-sm-9"> <label for="Address2">Address 2</label> <input type="text" id="Address2" class="form-control" /> </div> </div> <div class="row"> <div class="form-group col-lg-5 col-md-5 col-sm-5"> <label for="city"><span class="required">*</span> City</label> <input type="text" id="City" class="form-control" /> </div> <div class="form-group col-lg-4 col-md-4 col-sm-4"> <label for="State"><span class="required">*</span> State</label> <select id="State" class="form-control"> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA" selected>Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select> </div> </div> <div class="row"> <div class="form-group col-lg-4 col-md-4 col-md-4"> <label for="ZipCode"><span class="required">*</span> ZIP/Postal Code</label> <input type="text" id="ZipCode" class="form-control" /> </div> </div> <div class="row"> <div class="form-group col-lg-7 col-md-7 col-sm-7"> <label for="Email"><span class="required">*</span> Email</label> <input type="email" id="Email" class="form-control" /> </div> </div> </fieldset> <fieldset class="col-lg-5 col-md-5 col-sm-5"> <legend>Payment Information</legend> <div class="form-group row"> <div class="col-lg-6 col-md-6 col-sm-6"> <label><span class="required">*</span> Credit Card Type</label> </div> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="radio reset-margin"> <label> <input type="radio" id="CreditCardTypeVisa" name="CreditCardType" value="1" /> VISA </label> </div> <div class="radio reset-margin"> <label> <input type="radio" id="CreditCardMastercard" name="CreditCardType" value="2" /> Mastercard </label> </div> <div class="radio reset-margin"> <label> <input type="radio" id="CreditCardDiscover" name="CreditCardType" value="4" /> Discover </label> </div> <div class="radio reset-margin"> <label> <input type="radio" id="CreditCardAmericanExpress" name="CreditCardType" value="3" /> American Express </label> </div> </div> </div> <div class="row"> <div class="form-group col-lg-9 col-md-9 col-sm-9"> <label for="CreditCardNumber"><span class="required">*</span> Credit Card Number</label> <input type="text" id="CreditCardNumber" /> </div> </div> <fieldset> <legend>Expiration Date</legend> <div class="row"> <div class="form-group col-lg-4 col-md-4 col-sm-5"> <label><span class="required">*</span> Month</label> <select id="ExpirationMonth"> <option>01</option> <option>02</option> <option>03</option> <option>04</option> <option>05</option> <option>06</option> <option>07</option> <option>08</option> <option>09</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="form-group col-lg-4 col-md-4 col-sm-5"> <label><span class="required">*</span> Year</label> <select id="ExpirationYear"> </select> </div> </div> </fieldset> </fieldset> </div> <fieldset> <legend>Acknowledgements</legend> <div class="form-group" id="wtbbl-patron-group"> <div class="checkbox reset-margin"> <label> <input type="checkbox" id="wtbblpatron" /> I am a patron of WTBBL </label> </div> </div> <div class="form-group"> <div class="checkbox reset-margin-top"> <label> <input type="checkbox" id="SpecialEventEmails" /> Please notify me of special events and other opportunities. </label> </div> </div> <div class="form-group"> <div class="checkbox reset-margin"> <label> <input type="checkbox" id="Anonymous" /> I would like to give this gift anonymously </label> </div> </div> <div class="form-group"> <div class="checkbox reset-margin"> <label> <input type="checkbox" id="SendAcknowledgements" /> Please send acknowledgements to: </label> </div> </div> <div class="row"> <div class="form-group col-lg-4 col-md-4 col-sm-5"> <label for="AcknowledgeName">Name</label> <input type="text" id="AcknowledgeName" class="form-control" /> </div> </div> <div class="row"> <div class="form-group col-lg-8 col-md-8 col-sm-9"> <label for="AcknowledgeAddress">Address</label> <input type="text" id="AcknowledgeAddress" class="form-control" /> </div> </div> </fieldset> <div id="SubmitError" class="hide-onload alert alert-danger"></div> <div class="form-group"> <input type="button" value="Send Donation" id="btnSubmit" class="btn btn-primary btn-lg" /> </div> </div> </div> <div id="SuccessMessage" class="hide-onload osos-callout osos-callout-success"> <h4>Thank you for your donation!</h4> <p>A donation receipt will be mailed to you shortly. Your support is very much appreciated. If you have further questions regarding your donation please call (360) 902-4171.</p> </div> <script> var div_FS_OneTime = document.getElementById('div_FormStack_OneTimeDonation'); var div_FS_Monthly = document.getElementById('div_FormStack_MonthlyDonation'); var div_oldform = document.getElementById('div_oldform'); var chk_Monthly = document.getElementById('chk_ShowMonthly'); var chkboxdiv = document.getElementById('chkboxdiv'); //var d1 = new Date(); //var d2 = new Date('12/06/2021'); var lb_UseFormStackForms = 'TRUE'; //function compareTime(time1, time2) { // return new Date(time1) > new Date(time2); //} window.onload = function () { //if (compareTime(d1, d2)) { if (lb_UseFormStackForms = 'TRUE') { div_oldform.style.display = 'none'; chkboxdiv.style.display = 'block'; div_FS_OneTime.style.display === 'block'; chk_Monthly.addEventListener('change', function () { //if (div_FS_OneTime.style.display === 'block') { if (chk_Monthly.checked == false) { div_FS_OneTime.style.display = 'block'; div_FS_Monthly.style.display = 'none'; } //else if (div_FS_Monthly.style.display === 'block') { // div_FS_Monthly.style.display = 'none'; // div_FS_OneTime.style.display = 'block'; //} else { div_FS_OneTime.style.display = 'none'; div_FS_Monthly.style.display = 'block'; } }); } } </script> <script src="script.js"></script> <!-- End Print --> </div> </div> </div> </div> <div style="height:100px"></div> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="area"> <div class="footer-contact vcard"> <p class="area-title">Contact Us</p> <div class="org">Washington Secretary of State</div><div class="adr"><div class="street-address">Legislative Building · PO Box 40220</div><span class="locality">Olympia</span>, <span class="region">WA</span> <span class="postal-code">98504-0220</span></div><div class="email"><a href="/cdn-cgi/l/email-protection#ed9e888e9f88998c9f94828b9e998c9988ad9e829ec39a8cc38a829b"><span class="__cf_email__" data-cfemail="3c4f595f4e59485d4e45535a4f485d48597c4f534f124b5d125b534a">[email protected]</span></a></div><div class="tel"><a href="/about-us/contact.aspx">Phone Numbers</a></div> <br /> <p><a href="/office/privacy.aspx">Privacy Policy</a></p> </div> </div> <div class="area"> <p class="area-title">Follow Us</p> <ul class="list-inline reset-margin soc-med-icons"> <li><a href="https://www.facebook.com/WaSecretaryOfState" title="Visit our Facebook page..."><i class="fa fa-facebook-official fa-3x" aria-hidden="true"></i></a></li> <li><a href="https://twitter.com/secstatewa" title="Follow us on Twitter..."><i class="fa fa-twitter fa-3x" aria-hidden="true"></i></a></li> <li><a href="https://www.youtube.com/user/secstatewa" title="View our videos on YouTube..."><i class="fa fa-youtube-play fa-3x" aria-hidden="true"></i></a></li> <li><a href="https://www.instagram.com/secstatewa" title="Find us on Instagram..."><i class="fa fa-instagram fa-3x" aria-hidden="true"></i></a></li> </ul> <br /> </div> <!-- End fourcol --> <!-- End fourcol --> <div class="area"> <div class="translate"> <p style="display: none;"> <a href="http://www.wahealthplanfinder.org"> <img src="/_assets/office/HealthFinder-logo.png" alt="Health Finder Logo" /></a> </p> </div> <!-- End .translate --> </div> <div class="area-seal"> <p> <a href="https://fortress.wa.gov/sos/staff" class="state-seal"> <img src="/_assets/icons/Standard-Circle-48x48/State-Seal.png" alt="Washington State Seal" /></a> </p> </div> <div class="clear-fix"></div> <!-- End fourcol --> </div> </div> <!-- End .row --> </div> <!-- End .wrap --> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/js/lib/bs/bootstrap.min.js"></script> <script src="/js/lib/bootstrap-accessibility.custom.js"></script> <script src="/js/nav.js"></script> <script src="/js/author.js"></script> <script src="/js/lib/moment/2.10.6/moment.min.js"></script> <script type="text/javascript"> $(function () { var ccYear = parseInt(moment().year() - 1); for (var i = 1; i < 12; i++) { $("#ExpirationYear").append("<option>" + (ccYear + i) + "</option>"); } $('#donation-program').on('change', function () { if (this.value === 'Washington State Library Institutional Library Services') { //console.log("institutional library services"); $('#institutional-library-group').css('display', 'block'); } else { $('#institutional-library-group').css('display', 'none'); } if (this.value === 'Washington Talking Book & Braille Library') { $('#dedication-fields').css('display', 'block'); } else { $('#dedication-fields').css('display', 'none'); } if (this.value === 'Washington State Library public programs and collections') { $('#library-program-fields').css('display', 'block'); } else { $('#library-program-fields').css('display', 'none'); } }); $('#dedication').on('change', function () { if (this.value) { $('#dedication-name-group').css('display', 'block'); } else { $('#dedication-name-group').css('display', 'none'); } }); $("#btnSubmit").click(submit); }); var submit = function () { $("#btnSubmit").val("Submitting. Please wait...").attr("disabled", "disabled"); hideError(); var PaymentFrequencyID = 1; var CreditCardTypeID; var Amount; var State; var Dedication = null; var CardExpiration; var Anonymous = false; var error = { responseText: "" }; var Answers = []; if ($('#dedication').val()) { Dedication = $('#dedication').val() + ': ' + $('#dedication-name').val(); } if ($("#FirstName").val() === "" || $("#LastName").val() === "" || $("#donation-program").val() === "" || $("#Address").val() === "" || $("#City").val() === "" || $("#State").val() === "" || $("#ZipCode").val() === "" || $("#Email").val() === "" || $("#CreditCardNumber").val() === "") { error.responseText = "Please fill out the form completely."; showError(error); return; } State = $("#State").val(); Amount = $("[name=GiftAmount]:checked").val(); if (typeof Amount == "undefined") { error.responseText = "Please provide valid donation amount."; showError(error); return; } if (Amount == "Other") { if ($("#GiftOtherAmount").val() == "") { error.responseText = "Please provide valid donation amount."; showError(error); return; } else { Amount = $("#GiftOtherAmount").val(); } } if ($("#RepeatGift").prop("checked")) PaymentFrequencyID = 2; CreditCardTypeID = $("[name=CreditCardType]:checked").val(); if (typeof CreditCardTypeID == "undefined") { error.responseText = "Please provide a credit card type"; showError(error); return; } CardExpiration = $("#ExpirationMonth").val() + "/" + $("#ExpirationYear").val(); if ($("#Anonymous").prop("checked")) Anonymous = true; //Add acknowledgements question/answer to Answers object if ($("#SendAcknowledgements").prop("checked")) { if ($("#AcknowledgeName").val() == "" || $("#AcknowledgeAddress").val() == "") { error.responseText = "Please provide a name and address to send acknowledgements to."; showError(error); return; } obj1 = { questionid: 3, answer1: $("#AcknowledgeName").val() } Answers.push(obj1); obj2 = { questionid: 4, answer1: $("#AcknowledgeAddress").val() } Answers.push(obj2); } //Add mailing list question/answer to Answers object if ($("#SpecialEventEmails").prop("checked")) { obj3 = { questionid: 1, answer1: "yes" } Answers.push(obj3); } //WSL Program var librarypgm = $("#wsl-program").val(); if (librarypgm) { obj6 = { questionid: 8, answer1: librarypgm } Answers.push(obj6); } if ($("#wtbblpatron").prop("checked")) { obj5 = { questionid: 2, answer1: "yes" } Answers.push(obj5); } //Add program name to Answers object var ProgramName = ""; /* var Program = $(['name="Program"']); var pgmLength = Program.length; console.log(pgmLength); for (i = 1 ; i <= 5; i++) { //currently 5 items if ($("#Program" + i).prop("checked")) { ProgramName = $("#Program" + i).val(); } } */ ProgramName = $('#donation-program').val(); if (ProgramName === 'Washington State Library Institutional Library Services') { ProgramName += ' - ' + $('#institutional-library').val(); } //console.log(ProgramName); if (ProgramName != "") { obj4 = { questionid: 5, answer1: ProgramName } Answers.push(obj4); } //Build donation object var donation = { DonationFormID: 3, PaymentFrequencyID: PaymentFrequencyID, CreditCardTypeID: CreditCardTypeID, Amount: Amount, Title: $("#Title").val(), FirstName: $("#FirstName").val(), LastName: $("#LastName").val(), Address: $("#Address1").val(), Address2: $("#Address2").val(), City: $("#City").val(), State: $("#State option:selected").val(), ZipCode: $("#ZipCode").val(), Email: $("#Email").val(), Dedication: Dedication, CardNumber: $("#CreditCardNumber").val(), CardExpiration: CardExpiration, Anonymous: Anonymous, Answer: Answers } //console.dir(donation); //return; //Make async call with the completed donation object var uri = '' + '/donation/donation'; $.ajax({ beforeSend: function (xhr) { xhr.setRequestHeader("Authorization", "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiQXJjaGl2ZXNUcmFpbmluZ0FkbWluIiwiaHR0cDovL3NjaGVtYXMubWljcm9zb2Z0LmNvbS93cy8yMDA4LzA2L2lkZW50aXR5L2NsYWltcy9yb2xlIjoiUHVibGljV2ViVXNlciIsImV4cCI6MTc0MDYzMzA4MiwiaXNzIjoiKnNvcy53YS5nb3YiLCJhdWQiOiIqc29zLndhLmdvdiJ9.V7q6Zxm0khtmww_9jUVnPNfpdKp8TScWdwhlJ9yWNys"); }, url: uri, type: "POST", data: JSON.stringify(donation), contentType: 'application/json; charset=utf-8', dataType: 'json' }).success(function () { $("#DonationForm").hide(); $("#SuccessMessage").fadeIn(); }).fail(function (xr, status) { showError(xr); }); }; function hideError() { $("#SubmitError").html("").hide(); } function showError(xr) { $("#SubmitError").html(xr.responseText).show(); $("#btnSubmit").val("Submit").removeAttr("disabled"); } </script> <script> $(function () { var titleTag = $('title').text().trim().replace(/(\r\n|\n|\r)/gm, ""); $("meta[property='og:title']").prop('content', titleTag); $("title").html(titleTag); }); </script> </body> </html>