Associate OSMF Membership | OSMF Membership

<!DOCTYPE html>    <html lang="en-US">  <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://join.osmfoundation.org/associate-membership/","20211018203044","https://web.archive.org/","web","/_static/", "1634589044"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width"/> <title>Associate OSMF Membership | OSMF Membership</title> <link rel="profile" href="http://gmpg.org/xfn/11"/> <link rel="pingback" href="https://join.osmfoundation.org/xmlrpc.php"/>  <meta name="robots" content="max-image-preview:large"/> <link rel="dns-prefetch" href="//web.archive.org/web/20211018203044/https://fonts.googleapis.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20211018203044/https://s.w.org/"/> <link rel="alternate" type="application/rss+xml" title="OSMF Membership 禄 Feed" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/feed/"/> <link rel="alternate" type="application/rss+xml" title="OSMF Membership 禄 Comments Feed" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/comments/feed/"/> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/web.archive.org\/web\/20211018203044\/https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/web.archive.org\/web\/20211018203044\/https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/web.archive.org\/web\/20211018203044\/https:\/\/join.osmfoundation.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.8.1"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="wp-block-library-css" href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-includes/css/dist/block-library/style.min.css?ver=5.8.1" type="text/css" media="all"/> <link rel="stylesheet" id="contact-form-7-css" href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.1" type="text/css" media="all"/> <link rel="stylesheet" id="twentytwelve-fonts-css" href="https://web.archive.org/web/20211018203044cs_/https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext" type="text/css" media="all"/> <link rel="stylesheet" id="twentytwelve-style-css" href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/themes/osmblog-wp-theme/style.css?ver=5.8.1" type="text/css" media="all"/>  <link rel="https://api.w.org/" href="https://join.osmfoundation.org/wp-json/"/><link rel="alternate" type="application/json" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/wp-json/wp/v2/pages/50"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://join.osmfoundation.org/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://join.osmfoundation.org/wp-includes/wlwmanifest.xml"/> <meta name="generator" content="WordPress 5.8.1"/> <link rel="canonical" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/associate-membership/"/> <link rel="shortlink" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/?p=50"/> <link rel="alternate" type="application/json+oembed" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjoin.osmfoundation.org%2Fassociate-membership%2F"/> <link rel="alternate" type="text/xml+oembed" href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjoin.osmfoundation.org%2Fassociate-membership%2F&format=xml"/> <script type="text/javascript"> (function(vars) { if (window.CRM) CRM.$.extend(true, CRM, vars); else window.CRM = vars; })({"billing":{"billingProfileIsHideable":false},"config":{"isFrontend":true,"entityRef":{"contactCreate":false},"wysisygScriptLocation":"/wp-content/plugins/civicrm/civicrm/ext/ckeditor4/js/crm.ckeditor.js","CKEditorCustomConfig":{"default":"https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/wp-content/uploads/civicrm/persist/crm-ckeditor-default.js","civimail":"https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/wp-content/uploads/civicrm/persist/crm-ckeditor-civimail.js"}}}) </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/jquery/dist/jquery.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/jquery-ui/jquery-ui.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/lodash-compat/lodash.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/packages/jquery/plugins/jquery.mousewheel.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/select2/select2.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/packages/jquery/plugins/jquery.form.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/packages/jquery/plugins/jquery.timeentry.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/packages/jquery/plugins/jquery.blockUI.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/datatables/media/js/jquery.dataTables.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/jquery-validation/dist/jquery.validate.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/jquery-validation/dist/additional-methods.min.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/packages/jquery/plugins/jquery.ui.datepicker.validation.min.js"> </script> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/js/Common.js?r=u8ZCm"> </script> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/js/crm.datepicker.js?r=u8ZCm"> </script> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/js/crm.ajax.js?r=u8ZCm"> </script> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/js/wysiwyg/crm.wysiwyg.js?r=u8ZCm"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/uploads/civicrm/persist/contribute/dyn/crm-l10n.e9b9839e7262b216e5b361cbf3097ed8.js"> </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/jquery-ui/ui/i18n/datepicker-en-GB.js"> </script> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/js/crm.wordpress.js?r=u8ZCm"> </script> <link href="/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/css/crm-i.css?r=u8ZCm" rel="stylesheet" type="text/css"/> <link href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/datatables/media/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/> <link href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <link href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/jquery-ui/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css"/> <link href="https://web.archive.org/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/bower_components/select2/select2.min.css" rel="stylesheet" type="text/css"/> <link href="/web/20211018203044cs_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/css/civicrm.css?r=u8ZCm" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/js/noconflict.js?r=u8ZCm"> </script> <link rel="icon" href="https://web.archive.org/web/20211018203044im_/https://join.osmfoundation.org/wp-content/uploads/2018/12/cropped-Public-images-osm_logo-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20211018203044im_/https://join.osmfoundation.org/wp-content/uploads/2018/12/cropped-Public-images-osm_logo-192x192.png" sizes="192x192"/> <link rel="apple-touch-icon" href="https://web.archive.org/web/20211018203044im_/https://join.osmfoundation.org/wp-content/uploads/2018/12/cropped-Public-images-osm_logo-180x180.png"/> <meta name="msapplication-TileImage" content="https://join.osmfoundation.org/wp-content/uploads/2018/12/cropped-Public-images-osm_logo-270x270.png"/> <style type="text/css" id="wp-custom-css"> span.wpcf7-list-item { display: block; } </style> </head> <body class="page-template-default page page-id-50 custom-font-enabled single-author"> <div id="page" class="hfeed site"> <div id="main" class="wrapper"> <div id="primary" class="site-content"> <div id="content" role="main"> <article id="post-50" class="post-50 page type-page status-publish hentry"> <header class="entry-header"> <h1 class="entry-title">Associate OSMF Membership</h1> </header> <div class="entry-content"> <div id="crm-container" class="crm-container crm-public" lang="en" xml:lang="en"> <div class="crm-title"> <h1 class="title">Associate Member</h1> </div> <div class="clear"></div> <div id="crm-main-content-wrapper"> <form action="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/associate-membership/?civiwp=CiviCRM&q=civicrm%2Fcontribute%2Ftransact" method="post" name="Main" id="Main" class="CRM_Contribute_Form_Contribution_Main" enctype="multipart/form-data" data-warn-changes="true"> <div><input name="qfKey" type="hidden" value="CRMContributeControllerContribution3q9dtdgudwis4gwsk0owc0o0g0ckskgcocks80c8s4o88kkc4k_3175"/> <input name="entryURL" type="hidden" value="https://join.osmfoundation.org/associate-membership/?civiwp=CiviCRM&amp;q=civicrm%2Fcontribute%2Ftransact&id=7&reset=1"/> <input name="hidden_processor" type="hidden" value="1"/> <input name="payment_processor_id" type="hidden" value="1"/> <input name="priceSetId" type="hidden" value="10"/> <input id="selectProduct" name="selectProduct" type="hidden" value=""/> <input name="_qf_default" type="hidden" value="Main:upload"/> <input name="MAX_FILE_SIZE" type="hidden" value="73400320"/> </div> <script type="text/javascript"> // Putting these functions directly in template so they are available for standalone forms function useAmountOther() { var priceset = 0; for( i=0; i < document.Main.elements.length; i++ ) { element = document.Main.elements[i]; if ( element.type == 'radio' && element.name == priceset ) { if (element.value == '0' ) { element.click(); } else { element.checked = false; } } } } function clearAmountOther() { var priceset = 0 if( priceset ){ cj(priceset).val(''); cj(priceset).blur(); } if (document.Main.amount_other == null) return; // other_amt field not present; do nothing document.Main.amount_other.value = ""; } </script> <div class="crm-contribution-page-id-7 crm-block crm-contribution-main-form-block"> <div id="intro_text" class="crm-public-form-item crm-section intro_text-section"> <p>Have you decided to become <strong>associate</strong> member of the OSM Foundation, or do you want to renew your <strong>associate</strong> membership? Go ahead and fill our this form and follow the process!</p> <div style="background:#eeeeee;border:1px solid #cccccc;padding:5px 10px;"> <div>Information on voting for the 2021 board election:</div> <div>Please note that <strong>new</strong> members who join from 2021-09-12 to 2021-12-11 (annual general meeting of OSMF) are not eligible to vote at the 2021 board election, according to our Articles of Association. They can attend the annual general meeting and  subsequent public board meetings and participate in email discussions. They will be eligible to vote at the 2022 board elections, once they renew their memberships, if needed. Thanks for understanding.</div> </div> <p>FYI: Membership is GBP 15, which is around EUR 18 or USD 21</p> </div> <div class="crm-public-form-item crm-section"> <div id="membership" class="crm-group membership-group"> <div id="priceset"> <fieldset> <legend>Sign up as Associate Member</legend> <div id="priceset" class="crm-section price_set-section"> <div class="crm-section membership_amount-section"> <div class="label"><label> Membership <span class="crm-marker" title="This field is required.">*</span> </label></div> <div class="content membership_amount-content"> <div class="price-set-row membership_amount-row1"> <span class="price-set-option-content"><input price="["price_10","15||"]" data-amount="15.000000000" data-currency="GBP" data-price-field-values="{"19":{"id":"19","price_field_id":"10","name":"Associate_Member","label":"Associate Member","description":"A member of the Foundation whose details are not listed publicly.","amount":"15.000000000","weight":"2","membership_type_id":"2","membership_num_terms":"1","is_default":"1","is_active":"1","financial_type_id":"2","non_deductible_amount":"0.00","visibility_id":"1"}}" visibility="1" onclick="return showHideAutoRenew(2);" membership-type="2" class="crm-form-radio" value="19" type="radio" id="CIVICRM_QFID_19_price_10" name="price_10" checked="checked"/><label for="CIVICRM_QFID_19_price_10"><span class="crm-price-amount-label">Associate Member<span class="crm-price-amount-label-separator"> - </span></span><span class="crm-price-amount-amount">拢 15.00</span></label></span> </div> </div> <div id="allow_auto_renew"> <div class="crm-section auto-renew"> <div class="label"></div> <div class="content" id="auto_renew_section"> <input id="auto_renew" name="auto_renew" type="checkbox" value="1" class="crm-form-checkbox"/> <label for="auto_renew">Please renew my membership automatically.</label> </div> <div class="content" id="force_renew" style="display: none">Membership will renew automatically.</div> </div> </div> <div class="clear"></div> </div> <div id="pricesetTotal" class="crm-section section-pricesetTotal"> <div id="pricelabel" class="label hiddenElement"> <span id="amount_sum_label">Total Amount</span> </div> <div class="content calc-value" style="display:none;" id="pricevalue"></div> </div> <script type="text/javascript"> var thousandMarker = ','; var separator = '.'; var symbol = '拢'; // moneyFormat is part of a temporary fix. it should // not be expected to be present in future versions // see https://github.com/civicrm/civicrm-core/pull/19151 var moneyFormat = '拢 1,234.56'; var optionSep = '|'; // Recalculate the total fees based on user selection cj("#priceset [price]").each(function () { var elementType = cj(this).attr('type'); if (this.tagName == 'SELECT') { elementType = 'select-one'; } switch(elementType) { case 'checkbox': cj(this).click(function(){ calculateCheckboxLineItemValue(this); display(calculateTotalFee()); }); calculateCheckboxLineItemValue(this); break; case 'radio': cj(this).click( function(){ calculateRadioLineItemValue(this); display(calculateTotalFee()); }); calculateRadioLineItemValue(this); break; case 'text': cj(this).bind( 'keyup', function() { calculateText(this); }).bind( 'blur' , function() { calculateText(this); }); //default calculation of element. calculateText(this); break; case 'select-one': calculateSelectLineItemValue(this); cj(this).change(function() { calculateSelectLineItemValue(this); display(calculateTotalFee()); }); break; } display(calculateTotalFee()); }); /** * Calculate the value of the line item for a radio value. */ function calculateCheckboxLineItemValue(priceElement) { eval( 'var option = ' + cj(priceElement).attr('price') ) ; optionPart = option[1].split(optionSep); price = parseFloat(0); if (cj(priceElement).prop('checked')) { price = parseFloat(optionPart[0]); } cj(priceElement).data('line_raw_total', price); } /** * Calculate the value of the line item for a radio value. */ function calculateRadioLineItemValue(priceElement) { eval( 'var option = ' + cj(priceElement).attr('price') ); optionPart = option[1].split(optionSep); var lineTotal = parseFloat(optionPart[0]); cj(priceElement).data('line_raw_total', lineTotal); var radionGroupName = cj(priceElement).attr("name"); // Reset all unchecked options to having a data value of 0. cj('input[name=' + radionGroupName + ']:radio:unchecked').each( function () { cj(this).data('line_raw_total', 0); } ); } /** * Calculate the value of the line item for a select value. */ function calculateSelectLineItemValue(priceElement) { eval( 'var selectedText = ' + cj(priceElement).attr('price') ); var price = parseFloat('0'); var option = cj(priceElement).val(); if (option) { optionPart = selectedText[option].split(optionSep); price = parseFloat(optionPart[0]); } cj(priceElement).data('line_raw_total', price); } /** * Calculate the value of the line item for a text box. */ function calculateText(priceElement) { //CRM-16034 - comma acts as decimal in price set text pricing //CRM-19937 - dollar sign easy mistake to make by users. var textval = parseFloat(cj(priceElement).val().replace(thousandMarker, '').replace(symbol, '')); if (isNaN(textval)) { textval = parseFloat(0); } eval('var option = '+ cj(priceElement).attr('price')); optionPart = option[1].split(optionSep); addprice = parseFloat(optionPart[0]); var curval = textval * addprice; cj(priceElement).data('line_raw_total', curval); display(calculateTotalFee()); } /** * Calculate the total fee for the visible priceset. */ function calculateTotalFee() { var totalFee = 0; cj("#priceset [price]").each(function () { totalFee = totalFee + cj(this).data('line_raw_total'); }); return totalFee; } /** * Display calculated amount. */ function display(totalfee) { // totalfee is monetary, round it to 2 decimal points so it can // go as a float - CRM-13491 totalfee = Math.round(totalfee*100)/100; // dev/core#1019 Use the moneyFormat assigned to the template as an interim fix // to support forms using a currency other that the site default. Also make sure to // support various currency formatting options, // temporary measure - pending // our preferred fix. // see https://github.com/civicrm/civicrm-core/pull/19151 var totalFormattedFee = CRM.formatMoney(totalfee, false, moneyFormat); cj('#pricevalue').html(totalFormattedFee); cj('#total_amount').val( totalfee ); cj('#pricevalue').data('raw-total', totalfee).trigger('change'); if (totalfee < 0) { cj('table#pricelabel').addClass('disabled'); } else { cj('table#pricelabel').removeClass('disabled'); } if (typeof skipPaymentMethod == 'function') { // Advice to anyone who, like me, feels hatred towards this if construct ... if you remove the if you // get an error on participant 2 of a event that requires approval & permits multiple registrants. skipPaymentMethod(); } } </script> </div> </fieldset> </div> </div> <script type="text/javascript"> CRM.$(function($) { //if price set is set we use below below code to show for showing auto renew var autoRenewOption = '1'; var autoRenew = $("#auto_renew_section"); var autoRenewCheckbox = $("#auto_renew"); var forceRenew = $("#force_renew"); autoRenew.hide(); forceRenew.hide(); if ( autoRenewOption == 1 ) { autoRenew.show(); } else if ( autoRenewOption == 2 ) { autoRenewCheckbox.prop('checked', true ); autoRenewCheckbox.attr( 'readonly', true ); autoRenew.hide(); forceRenew.show(); } }); </script> <script type="text/javascript"> CRM.$(function($) { showHideAutoRenew( null ); }); function showHideAutoRenew( memTypeId ) { var priceSetName = "price_"+'10'; var considerUserInput = ''; if ( memTypeId ) considerUserInput = false; if ( !memTypeId ) memTypeId = cj('input:radio[name='+priceSetName+']:checked').attr('membership-type'); //does this page has only one membership type. var singleMembership = ''; if ( !memTypeId && singleMembership ) memTypeId = cj("input:radio[name="+priceSetName+"]").attr('membership-type'); var renewOptions = {"autoRenewMembershipType_2":1}; var currentOption = eval( "renewOptions." + 'autoRenewMembershipType_' + memTypeId ); var autoRenew = cj('#auto_renew_section'); var autoRenewC = cj('input[name="auto_renew"]'); var forceRenew = cj("#force_renew"); var readOnly = false; var isChecked = false; if ( currentOption == 0 ) { isChecked = false; forceRenew.hide(); autoRenew.hide(); } if ( currentOption == 1 ) { forceRenew.hide(); autoRenew.show(); //uncomment me, if we'd like //to load auto_renew checked. //isChecked = true; } else if ( currentOption == 2 || currentOption == 4) { autoRenew.hide(); forceRenew.show(); isChecked = readOnly = true; } if ( considerUserInput ) isChecked = autoRenew.prop('checked' ); //its a normal recur contribution. if ( cj( "is_recur" ) && ( cj( 'input:radio[name="is_recur"]:checked').val() == 1 ) ) { isChecked = false; autoRenew.hide(); forceRenew.hide(); } autoRenewC.attr( 'readonly', readOnly ); autoRenewC.prop('checked', isChecked ); } CRM.$(function($) { //keep read only always checked. cj( "#auto_renew" ).click(function( ) { if ( cj(this).attr( 'readonly' ) ) { cj(this).prop('checked', true ); } }); }); </script> </div> <div id="onBehalfOfOrg" class="crm-public-form-item crm-section"> <div class="crm-public-form-item" id="on-behalf-block"> </div> <script type="text/javascript"> CRM.$(function($) { var orgOption = $("input:radio[name=org_option]:checked").attr('id'); var onBehalfRequired = '$onBehalfRequired'; var onbehalfof_id = $('#onbehalfof_id'); var is_for_organization = $('#is_for_organization'); selectCreateOrg(orgOption, false); if (is_for_organization.length) { showHideOnBehalfOfBlock(); is_for_organization.on('change', function() { showHideOnBehalfOfBlock(); }); } function showHideOnBehalfOfBlock() { $('#on-behalf-block').toggle(is_for_organization.is(':checked')); if (is_for_organization.is(':checked')) { $('#onBehalfOfOrg select.crm-select2').removeClass('crm-no-validate'); } else { $('#onBehalfOfOrg select.crm-select2').addClass('crm-no-validate'); } } $("input:radio[name='org_option']").click( function( ) { var orgOption = $(this).attr('id'); selectCreateOrg(orgOption, true); }); onbehalfof_id.change(function() { setLocationDetails($(this).val()); }).change(); if (onbehalfof_id.length) { setLocationDetails(onbehalfof_id.val()); } function resetValues() { // Don't trip chain-select when clearing values $('.crm-chain-select-control', "#select_org div").select2('val', ''); $('input[type=text], select, textarea', "#select_org div").not('.crm-chain-select-control, #onbehalfof_id').val('').change(); $('input[type=radio], input[type=checkbox]', "#select_org div").prop('checked', false).change(); $('#on-behalf-block input').not('input[type=checkbox], input[type=radio], #onbehalfof_id').val(''); // clear checkboxes and radio $('#on-behalf-block') .find('input[type=checkbox], input[type=radio]') .not('input[name=org_option]') .attr('checked', false); } function selectCreateOrg( orgOption, reset ) { if (orgOption == 'CIVICRM_QFID_0_org_option') { $("#onbehalfof_id").show().change(); $("input#onbehalf_organization_name").hide(); } else if (orgOption == 'CIVICRM_QFID_1_org_option') { $("input#onbehalf_organization_name").show(); $("#onbehalfof_id").hide(); reset = true; } if ( reset ) { resetValues(); } } function setLocationDetails(contactID , reset) { resetValues(); var locationUrl = '' + contactID; var submittedOnBehalfInfo = ''; var submittedCID = ""; if (submittedOnBehalfInfo) { submittedOnBehalfInfo = $.parseJSON(submittedOnBehalfInfo); if (submittedCID == contactID) { $.each(submittedOnBehalfInfo, function(key, value) { //handle checkboxes if (typeof value === 'object') { $.each(value, function(k, v) { $('#onbehalf_' + key + '_' + k).prop('checked', v); }); } else if ($('#onbehalf_' + key).length) { $('#onbehalf_' + key ).val(value); } //radio buttons else if ($("input[name='onbehalf[" + key + "]']").length) { $("input[name='onbehalf[" + key + "]']").val([value]); } }); return; } } $.ajax({ url : locationUrl, dataType : "json", success : function(data, status) { for (var ele in data) { if ($("#"+ ele).hasClass('crm-chain-select-target')) { $("#"+ ele).data('newVal', data[ele].value).off('.autofill').on('crmOptionsUpdated.autofill', function() { $(this).off('.autofill').val($(this).data('newVal')).change(); }); } else if ($('#' + ele).data('select2')) { $('#' + ele).select2('val', data[ele].value); } if (data[ele].type == 'Radio') { if (data[ele].value) { var fldName = ele.replace('onbehalf_', ''); $("input[name='onbehalf["+ fldName +"]']").filter("[value='" + data[ele].value + "']").prop('checked', true); } } else if (data[ele].type == 'CheckBox') { for (var selectedOption in data[ele].value) { var fldName = ele.replace('onbehalf_', ''); $("input[name='onbehalf["+ fldName+"]["+ selectedOption +"]']").prop('checked','checked'); } } else if (data[ele].type == 'AdvMulti-Select') { var customFld = ele.replace('onbehalf_', ''); // remove empty value if any $('#onbehalf\\['+ customFld +'\\]-f option[value=""]').remove(); $('#onbehalf\\['+ customFld +'\\]-t option[value=""]').remove(); for (var selectedOption in data[ele].value) { // remove selected values from left and selected values to right $('#onbehalf\\['+ customFld +'\\]-f option[value="' + selectedOption + '"]').remove() .appendTo('#onbehalf\\['+ customFld +'\\]-t'); $('#onbehalf_'+ customFld).val(selectedOption); } } else { // do not set defaults to file type fields if ($('#' + ele).attr('type') != 'file') { $('#' + ele ).val(data[ele].value).change(); } } } }, error : function(XMLHttpRequest, textStatus, errorThrown) { CRM.console('error', "HTTP error status: ", textStatus); } }); } }); </script> </div> <div class="crm-public-form-item crm-section cms_user-section"> </div> <div class="crm-public-form-item crm-section premium_block-section"> </div> <div class="crm-public-form-item crm-group custom_pre_profile-group"> <fieldset class="crm-profile crm-profile-id-14 crm-profile-name-OSMF_Membership_sign_up_14"><legend>OSMF Associate Member Information</legend> <div class="crm-section editrow_first_name-section form-item" id="editrow-first_name"> <div class="label"> <label for="first_name"> First Name <span class="crm-marker" title="This field is required.">*</span> </label> </div> <div class="content"> <input maxlength="64" size="30" name="first_name" type="text" id="first_name" class="big crm-form-text required"/> </div> <div class="clear"></div> </div> <div class="crm-section editrow_last_name-section form-item" id="editrow-last_name"> <div class="label"> <label for="last_name"> Last Name <span class="crm-marker" title="This field is required.">*</span> </label> </div> <div class="content"> <input maxlength="64" size="30" name="last_name" type="text" id="last_name" class="big crm-form-text required"/> </div> <div class="clear"></div> </div> <div class="crm-section helprow-custom_1-section helprow-pre" id="helprow-custom_1"> <div class="content description">The OSM Username is case sensitive. If you've never had an OpenStreetMap username, enter "No user".</div> </div> <div class="crm-section editrow_custom_1-section form-item" id="editrow-custom_1"> <div class="label"> <label for="custom_1"> OSM username <span class="crm-marker" title="This field is required.">*</span> </label> </div> <div class="content"> <input data-crm-custom="OpenStreetMap_user_info:OpenStreetMap_username" maxlength="255" name="custom_1" type="text" id="custom_1" class="crm-form-text required"/> </div> <div class="clear"></div> </div> <div class="crm-section helprow-current_employer-section helprow-pre" id="helprow-current_employer"> <div class="content description">Current Employer is optional, but recommended if your employer does any work related to OpenStreetMap</div> </div> <div class="crm-section editrow_current_employer-section form-item" id="editrow-current_employer"> <div class="label"> <label for="current_employer">Current Employer</label> </div> <div class="content"> <input name="current_employer" type="text" id="current_employer" class="crm-form-text"/> </div> <div class="clear"></div> </div> <div class="crm-section editrow_email-Primary-section form-item" id="editrow-email-Primary"> <div class="label"> <label for="email-Primary"> Email address <span class="crm-marker" title="This field is required.">*</span> </label> </div> <div class="content"> <input maxlength="254" size="30" name="email-Primary" type="text" id="email-Primary" class="big crm-form-text required"/> </div> <div class="clear"></div> </div> <div class="crm-section editrow_country-Primary-section form-item" id="editrow-country-Primary"> <div class="label"> <label for="country-Primary"> Country <span class="crm-marker" title="This field is required.">*</span> </label> </div> <div class="content"> <select class="crm-select2 crm-form-select required" placeholder="- select Country -" name="country-Primary" id="country-Primary"> <option value="">- select Country -</option> <option value="1001">Afghanistan</option> <option value="1002">Albania</option> <option value="1003">Algeria</option> <option value="1004">American Samoa</option> <option value="1005">Andorra</option> <option value="1006">Angola</option> <option value="1007">Anguilla</option> <option value="1008">Antarctica</option> <option value="1009">Antigua and Barbuda</option> <option value="1010">Argentina</option> <option value="1011">Armenia</option> <option value="1012">Aruba</option> <option value="1013">Australia</option> <option value="1014">Austria</option> <option value="1015">Azerbaijan</option> <option value="1212">Bahamas</option> <option value="1016">Bahrain</option> <option value="1017">Bangladesh</option> <option value="1018">Barbados</option> <option value="1019">Belarus</option> <option value="1020">Belgium</option> <option value="1021">Belize</option> <option value="1022">Benin</option> <option value="1023">Bermuda</option> <option value="1024">Bhutan</option> <option value="1025">Bolivia</option> <option value="1026">Bosnia and Herzegovina</option> <option value="1027">Botswana</option> <option value="1028">Bouvet Island</option> <option value="1029">Brazil</option> <option value="1030">British Indian Ocean Territory</option> <option value="1032">Brunei Darussalam</option> <option value="1033">Bulgaria</option> <option value="1034">Burkina Faso</option> <option value="1036">Burundi</option> <option value="1037">Cambodia</option> <option value="1038">Cameroon</option> <option value="1039">Canada</option> <option value="1040">Cape Verde</option> <option value="1250">Carribean Netherlands - Bonaire, Sint Eustatius and Saba (Netherlands Special Municipalities)</option> <option value="1041">Cayman Islands</option> <option value="1042">Central African Republic</option> <option value="1043">Chad</option> <option value="1044">Chile</option> <option value="1045">China</option> <option value="1046">Christmas Island</option> <option value="1047">Cocos (Keeling) Islands</option> <option value="1048">Colombia</option> <option value="1049">Comoros</option> <option value="1051">Congo, Republic Of The</option> <option value="1050">Congo, The Democratic Republic of the</option> <option value="1052">Cook Islands</option> <option value="1053">Costa Rica</option> <option value="1055">Croatia</option> <option value="1056">Cuba</option> <option value="1248">Cura莽ao</option> <option value="1057">Cyprus</option> <option value="1058">Czech Republic</option> <option value="1054">C么te d鈥橧voire</option> <option value="1059">Denmark</option> <option value="1060">Djibouti</option> <option value="1061">Dominica</option> <option value="1062">Dominican Republic</option> <option value="1064">Ecuador</option> <option value="1065">Egypt</option> <option value="1066">El Salvador</option> <option value="1067">Equatorial Guinea</option> <option value="1068">Eritrea</option> <option value="1069">Estonia</option> <option value="1203">Eswatini</option> <option value="1070">Ethiopia</option> <option value="1072">Falkland Islands (Malvinas)</option> <option value="1073">Faroe Islands</option> <option value="1074">Fiji</option> <option value="1075">Finland</option> <option value="1076">France</option> <option value="1077">French Guiana</option> <option value="1078">French Polynesia</option> <option value="1079">French Southern Territories</option> <option value="1080">Gabon</option> <option value="1213">Gambia</option> <option value="1081">Georgia</option> <option value="1082">Germany</option> <option value="1083">Ghana</option> <option value="1084">Gibraltar</option> <option value="1085">Greece</option> <option value="1086">Greenland</option> <option value="1087">Grenada</option> <option value="1088">Guadeloupe</option> <option value="1089">Guam</option> <option value="1090">Guatemala</option> <option value="1245">Guernsey</option> <option value="1091">Guinea</option> <option value="1092">Guinea-Bissau</option> <option value="1093">Guyana</option> <option value="1094">Haiti</option> <option value="1095">Heard Island and McDonald Islands</option> <option value="1096">Holy See (Vatican City State)</option> <option value="1097">Honduras</option> <option value="1098">Hong Kong</option> <option value="1099">Hungary</option> <option value="1100">Iceland</option> <option value="1101">India</option> <option value="1102">Indonesia</option> <option value="1103">Iran, Islamic Republic of</option> <option value="1104">Iraq</option> <option value="1105">Ireland</option> <option value="1246">Isle of Man</option> <option value="1106">Israel</option> <option value="1107">Italy</option> <option value="1108">Jamaica</option> <option value="1109">Japan</option> <option value="1244">Jersey</option> <option value="1110">Jordan</option> <option value="1111">Kazakhstan</option> <option value="1112">Kenya</option> <option value="1113">Kiribati</option> <option value="1114">Korea, Democratic People's Republic of</option> <option value="1115">Korea, Republic of</option> <option value="1251">Kosovo</option> <option value="1116">Kuwait</option> <option value="1117">Kyrgyzstan</option> <option value="1118">Lao People's Democratic Republic</option> <option value="1119">Latvia</option> <option value="1120">Lebanon</option> <option value="1121">Lesotho</option> <option value="1122">Liberia</option> <option value="1123">Libya</option> <option value="1124">Liechtenstein</option> <option value="1125">Lithuania</option> <option value="1126">Luxembourg</option> <option value="1127">Macao</option> <option value="1129">Madagascar</option> <option value="1130">Malawi</option> <option value="1131">Malaysia</option> <option value="1132">Maldives</option> <option value="1133">Mali</option> <option value="1134">Malta</option> <option value="1135">Marshall Islands</option> <option value="1136">Martinique</option> <option value="1137">Mauritania</option> <option value="1138">Mauritius</option> <option value="1139">Mayotte</option> <option value="1140">Mexico</option> <option value="1141">Micronesia, Federated States of</option> <option value="1142">Moldova</option> <option value="1143">Monaco</option> <option value="1144">Mongolia</option> <option value="1243">Montenegro</option> <option value="1145">Montserrat</option> <option value="1146">Morocco</option> <option value="1147">Mozambique</option> <option value="1035">Myanmar</option> <option value="1148">Namibia</option> <option value="1149">Nauru</option> <option value="1150">Nepal</option> <option value="1152">Netherlands</option> <option value="1153">New Caledonia</option> <option value="1154">New Zealand</option> <option value="1155">Nicaragua</option> <option value="1156">Niger</option> <option value="1157">Nigeria</option> <option value="1158">Niue</option> <option value="1159">Norfolk Island</option> <option value="1128">North Macedonia</option> <option value="1160">Northern Mariana Islands</option> <option value="1161">Norway</option> <option value="1162">Oman</option> <option value="1163">Pakistan</option> <option value="1164">Palau</option> <option value="1165">Palestine, State of</option> <option value="1166">Panama</option> <option value="1167">Papua New Guinea</option> <option value="1168">Paraguay</option> <option value="1169">Peru</option> <option value="1170">Philippines</option> <option value="1171">Pitcairn</option> <option value="1172">Poland</option> <option value="1173">Portugal</option> <option value="1174">Puerto Rico</option> <option value="1175">Qatar</option> <option value="1179">Reunion</option> <option value="1176">Romania</option> <option value="1177">Russian Federation</option> <option value="1178">Rwanda</option> <option value="1252">Saint Barth茅lemy</option> <option value="1180">Saint Helena</option> <option value="1181">Saint Kitts and Nevis</option> <option value="1182">Saint Lucia</option> <option value="1253">Saint Martin (French part)</option> <option value="1183">Saint Pierre and Miquelon</option> <option value="1184">Saint Vincent and the Grenadines</option> <option value="1185">Samoa</option> <option value="1186">San Marino</option> <option value="1207">Sao Tome and Principe</option> <option value="1187">Saudi Arabia</option> <option value="1188">Senegal</option> <option value="1242">Serbia</option> <option value="1189">Seychelles</option> <option value="1190">Sierra Leone</option> <option value="1191">Singapore</option> <option value="1249">Sint Maarten (Constituent Country of the Netherlands)</option> <option value="1192">Slovakia</option> <option value="1193">Slovenia</option> <option value="1194">Solomon Islands</option> <option value="1195">Somalia</option> <option value="1196">South Africa</option> <option value="1197">South Georgia and the South Sandwich Islands</option> <option value="1247">Southern Sudan</option> <option value="1198">Spain</option> <option value="1199">Sri Lanka</option> <option value="1200">Sudan</option> <option value="1201">Suriname</option> <option value="1202">Svalbard and Jan Mayen</option> <option value="1204">Sweden</option> <option value="1205">Switzerland</option> <option value="1206">Syrian Arab Republic</option> <option value="1208">Taiwan</option> <option value="1209">Tajikistan</option> <option value="1210">Tanzania, United Republic of</option> <option value="1211">Thailand</option> <option value="1063">Timor-Leste</option> <option value="1214">Togo</option> <option value="1215">Tokelau</option> <option value="1216">Tonga</option> <option value="1217">Trinidad and Tobago</option> <option value="1218">Tunisia</option> <option value="1219">Turkey</option> <option value="1220">Turkmenistan</option> <option value="1221">Turks and Caicos Islands</option> <option value="1222">Tuvalu</option> <option value="1223">Uganda</option> <option value="1224">Ukraine</option> <option value="1225">United Arab Emirates</option> <option value="1226">United Kingdom</option> <option value="1228">United States</option> <option value="1227">United States Minor Outlying Islands</option> <option value="1229">Uruguay</option> <option value="1230">Uzbekistan</option> <option value="1231">Vanuatu</option> <option value="1232">Venezuela</option> <option value="1233">Viet Nam</option> <option value="1031">Virgin Islands, British</option> <option value="1234">Virgin Islands, U.S.</option> <option value="1235">Wallis and Futuna</option> <option value="1236">Western Sahara</option> <option value="1237">Yemen</option> <option value="1239">Zambia</option> <option value="1240">Zimbabwe</option> <option value="1241">脜land Islands</option> </select> </div> <div class="clear"></div> </div> <div class="crm-section editrow_preferred_mail_format-section form-item" id="editrow-preferred_mail_format"> <div class="label"> <label for="preferred_mail_format">Preferred Mail Format</label> </div> <div class="content"> <select name="preferred_mail_format" id="preferred_mail_format" class="crm-form-select"> <option value="Both">Both</option> <option value="HTML">HTML</option> <option value="Text">Text</option> </select> </div> <div class="clear"></div> </div> </fieldset> <script type="text/javascript"> CRM.$(function($) { $('#selector tr:even').addClass('odd-row'); $('#selector tr:odd ').addClass('even-row'); }); </script> </div> <div id="billing-payment-block"> <script type="text/javascript"> CRM.config.creditCardTypes = {"Visa":{"label":"Visa","name":"Visa","css_key":"visa","pattern":"4(?:[0-9]{12}|[0-9]{15})"},"MasterCard":{"label":"MasterCard","name":"MasterCard","css_key":"mastercard","pattern":"(5[1-5][0-9]{2}|2[3-6][0-9]{2}|22[3-9][0-9]|222[1-9]|27[0-1][0-9]|2720)[0-9]{12}"},"Amex":{"label":"Amex","name":"Amex","css_key":"amex","pattern":"3[47][0-9]{13}"},"Discover":{"label":"Discover","name":"Discover","css_key":"discover","pattern":"6011[0-9]{12}"}}; </script> <div id="payment_information"> </div> <script type="text/javascript"> CRM.$(function ($) { // build list of ids to track changes on var address_fields = {"country":"Primary"}; var input_ids = {}; var select_ids = {}; var orig_id, field, field_name; // build input ids $('.billing_name_address-section input').each(function (i) { orig_id = $(this).attr('id'); field = orig_id.split('-'); field_name = field[0].replace('billing_', ''); if (field[1]) { if (address_fields[field_name]) { input_ids['#' + field_name + '-' + address_fields[field_name]] = '#' + orig_id; } } }); if ($('#first_name').length) input_ids['#first_name'] = '#billing_first_name'; if ($('#middle_name').length) input_ids['#middle_name'] = '#billing_middle_name'; if ($('#last_name').length) input_ids['#last_name'] = '#billing_last_name'; // build select ids $('.billing_name_address-section select').each(function (i) { orig_id = $(this).attr('id'); field = orig_id.split('-'); field_name = field[0].replace('billing_', '').replace('_id', ''); if (field[1]) { if (address_fields[field_name]) { select_ids['#' + field_name + '-' + address_fields[field_name]] = '#' + orig_id; } } }); // detect if billing checkbox should default to checked var checked = true; for (var id in input_ids) { orig_id = input_ids[id]; if ($(id).val() != $(orig_id).val()) { checked = false; break; } } for (var id in select_ids) { orig_id = select_ids[id]; if ($(id).val() != $(orig_id).val()) { checked = false; break; } } if (checked) { $('#billingcheckbox').prop('checked', true).data('crm-initial-value', true); if (!CRM.billing || CRM.billing.billingProfileIsHideable) { $('.billing_name_address-group').hide(); } } // onchange handlers for non-billing fields for (var id in input_ids) { orig_id = input_ids[id]; $(id).change(function () { var id = '#' + $(this).attr('id'); var orig_id = input_ids[id]; // if billing checkbox is active, copy other field into billing field if ($('#billingcheckbox').prop('checked')) { $(orig_id).val($(id).val()); } }); } for (var id in select_ids) { orig_id = select_ids[id]; $(id).change(function () { var id = '#' + $(this).attr('id'); var orig_id = select_ids[id]; // if billing checkbox is active, copy other field into billing field if ($('#billingcheckbox').prop('checked')) { $(orig_id + ' option').prop('selected', false); $(orig_id + ' option[value="' + $(id).val() + '"]').prop('selected', true); $(orig_id).change(); } }); } // toggle show/hide var billingCheckboxElement = $('#billingcheckbox'); billingCheckboxElement.click(function() { billingCheckboxChanged(billingCheckboxElement); }); billingCheckboxElement.change(function() { billingCheckboxChanged(billingCheckboxElement); }); function billingCheckboxChanged(billingCheckbox) { if (billingCheckbox.prop('checked')) { if (!CRM.billing || CRM.billing.billingProfileIsHideable) { $('.billing_name_address-group').hide(200); } // copy all values for (var id in input_ids) { orig_id = input_ids[id]; $(orig_id).val($(id).val()); } for (var id in select_ids) { orig_id = select_ids[id]; $(orig_id + ' option').prop('selected', false); $(orig_id + ' option[value="' + $(id).val() + '"]').prop('selected', true); $(orig_id).change(); } } else { $('.billing_name_address-group').show(200); } } // remove spaces, dashes from credit card number $('#credit_card_number').change(function () { var cc = $('#credit_card_number').val() .replace(/ /g, '') .replace(/-/g, ''); $('#credit_card_number').val(cc); }); }); </script> <script type="text/javascript" src="/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm/civicrm/templates/CRM/Core/BillingBlock.js?r=u8ZCm"> </script> </div> <script type="text/javascript"> /** * Show or hide payment options. * * @param bool $isHide * Should the block be hidden. */ function showHidePayment(isHide) { var payment_options = cj(".payment_options-group"); var payment_processor = cj("div.payment_processor-section"); var payment_information = cj("div#payment_information"); // I've added a hide for billing block. But, actually the issue // might be that the unselecting of the processor should cause it // to be hidden (or removed) in which case it can go from this function. var billing_block = cj("div#billing-payment-block"); if (isHide) { payment_options.hide(); payment_processor.hide(); payment_information.hide(); billing_block.hide(); // Ensure that jquery validation doesn't block submission when we don't need to fill in the billing details section cj('#billing-payment-block select.crm-select2').addClass('crm-no-validate'); // also unset selected payment methods cj('input[name="payment_processor_id"]').removeProp('checked'); } else { payment_options.show(); payment_processor.show(); payment_information.show(); billing_block.show(); cj('#billing-payment-block select.crm-select2').removeClass('crm-no-validate'); // also set selected payment methods cj('input[name="payment_processor_id"][checked=checked]').prop('checked', true); } } /** * Hides or shows billing and payment options block depending on whether payment is required. * * In general incomplete orders or $0 orders do not require a payment block. */ function skipPaymentMethod() { var isHide = false; var isMultiple = null; var alwaysShowFlag = (isMultiple && cj("#additional_participants").val()); var alwaysHideFlag = (cj("#bypass_payment").val() == 1); var total_amount_tmp = cj('#pricevalue').data('raw-total'); // Hide billing questions if this is free if (!alwaysShowFlag && total_amount_tmp == 0){ isHide = true; } else { isHide = false; } if (alwaysHideFlag) { isHide = true; } showHidePayment(isHide); } skipPaymentMethod(); CRM.$(function($) { function buildPaymentBlock(type) { var $form = $('#billing-payment-block').closest('form'); var payment_instrument_id = $('#payment_instrument_id').val(); var currency = 'GBP'; currency = currency == '' ? $('#currency').val() : currency; var dataUrl = "https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/associate-membership/?civiwp=CiviCRM&q=civicrm%2Fpayment%2Fform&formName=Main&is_back_office=&id=7&pre_profile_id=14&processor_id=" + type; if (typeof(CRM.vars) != "undefined") { if (typeof(CRM.vars.coreForm) != "undefined") { if (typeof(CRM.vars.coreForm.contact_id) != "undefined") { dataUrl = dataUrl + "&cid=" + CRM.vars.coreForm.contact_id; } if (typeof(CRM.vars.coreForm.checksum) != "undefined" ) { dataUrl = dataUrl + "&cs=" + CRM.vars.coreForm.checksum; } } } dataUrl = dataUrl + "&payment_instrument_id=" + payment_instrument_id + "&currency=" + currency; // Processors like pp-express will hide the form submit buttons, so re-show them when switching $('.crm-submit-buttons', $form).show().find('input').prop('disabled', true); CRM.loadPage(dataUrl, {target: '#billing-payment-block'}); } $('[name=payment_processor_id], #currency').on('change.paymentBlock', function() { var payment_processor_id = $('[name=payment_processor_id]:checked').val() == undefined ? $('[name=payment_processor_id]').val() : $('[name=payment_processor_id]:checked').val(); if (payment_processor_id != undefined) { buildPaymentBlock(payment_processor_id); } }); $('#payment_instrument_id').on('change.paymentBlock', function() { buildPaymentBlock(0); }); $('#billing-payment-block').on('crmLoad', function() { $('.crm-submit-buttons input').prop('disabled', false); }) }); </script> <div class="crm-public-form-item crm-group custom_post_profile-group"> <script type="text/javascript"> CRM.$(function($) { $('#selector tr:even').addClass('odd-row'); $('#selector tr:odd ').addClass('even-row'); }); </script> </div> <div id="crm-submit-buttons" class="crm-submit-buttons"> <button class="crm-form-submit default validate crm-button crm-button-type-upload crm-button_qf_Main_upload" value="1" type="submit" name="_qf_Main_upload" id="_qf_Main_upload-bottom"><i aria-hidden="true" class="crm-i fa-chevron-right"></i> Review your contribution</button> </div> <div id="footer_text" class="crm-public-form-item crm-section contribution_footer_text-section"> <p><p>You will be asked to transfer the membership fee via Paypal. Is Paypal not an option for you? Please go to our page regarding <a href="/web/20211018203044/https://join.osmfoundation.org/alternative-payment-options">alternative payment options</a>. <span data-position="169" data-size="407">If you are an active contributor with at least 42 mapping days in the last 365 days, or if you are equally active in OpenStreetMap with non-mapping activities, we would like you to become a member of the OSMF regardless of if and how you could pay the membership fee. You can apply for an <a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/active-contributor-membership/">active contributor membership</a>.</span></p></p> </div> </div> <script type="text/javascript"> cj('input[name="soft_credit_type_id"]').on('change', function() { enableHonorType(); }); function enableHonorType() { var selectedValue = cj('input[name="soft_credit_type_id"]:checked'); if ( selectedValue.val() > 0) { cj('#honorType').show(); } else { cj('#honorType').hide(); } } cj('input[id="is_recur"]').on('change', function() { toggleRecur(); }); function toggleRecur() { var isRecur = cj('input[id="is_recur"]:checked'); var allowAutoRenew = '1'; var quickConfig = 1; if (allowAutoRenew && cj("#auto_renew") && quickConfig) { showHideAutoRenew(null); } var frequencyUnit = cj('#frequency_unit'); var frequencyInerval = cj('#frequency_interval'); var installments = cj('#installments'); isDisabled = false; if (isRecur.val() > 0) { cj('#recurHelp').show(); frequencyUnit.prop('disabled', false).addClass('required'); frequencyInerval.prop('disabled', false).addClass('required'); installments.prop('disabled', false); cj('#amount_sum_label').text('Regular amount'); } else { cj('#recurHelp').hide(); frequencyUnit.prop('disabled', true).removeClass('required'); frequencyInerval.prop('disabled', true).removeClass('required'); installments.prop('disabled', true); cj('#amount_sum_label').text('Total Amount'); } } function pcpAnonymous() { // clear nickname field if anonymous is true if (document.getElementsByName("pcp_is_anonymous")[1].checked) { document.getElementById('pcp_roll_nickname').value = ''; } if (!document.getElementsByName("pcp_display_in_roll")[0].checked) { cj('#nickID').hide(); cj('#nameID').hide(); cj('#personalNoteID').hide(); } else { if (document.getElementsByName("pcp_is_anonymous")[0].checked) { cj('#nameID').show(); cj('#nickID').show(); cj('#personalNoteID').show(); } else { cj('#nameID').show(); cj('#nickID').hide(); cj('#personalNoteID').hide(); } } } CRM.$(function($) { enableHonorType(); toggleRecur(); skipPaymentMethod(); }); CRM.$(function($) { // highlight price sets function updatePriceSetHighlight() { $('#priceset .price-set-row span').removeClass('highlight'); $('#priceset .price-set-row input:checked').parent().addClass('highlight'); } $('#priceset input[type="radio"]').change(updatePriceSetHighlight); updatePriceSetHighlight(); // Update pledge contribution amount when pledge checkboxes change $("input[name^='pledge_amount']").on('change', function() { var total = 0; $("input[name^='pledge_amount']:checked").each(function() { total += Number($(this).attr('amount')); }); $("input[name^='price_']").val(total.toFixed(2)); }); }); </script> <script type="text/javascript"> CRM.$(function($) { $("form.CRM_Contribute_Form_Contribution_Main").crmValidate(); }); </script> </form> </div> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/civicrm-extensions/org.civicrm.module.cividiscount/js/main.js?r=u8ZCm"> </script> </div> </div> <footer class="entry-meta"> </footer> </article> <div id="comments" class="comments-area"> </div> </div> </div> <div id="secondary" class="widget-area" role="complementary"> <div id="logo"> <a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/" title="OSMF Membership home (recent posts)"><img src="https://web.archive.org/web/20211018203044im_/https://join.osmfoundation.org/wp-content/themes/osmblog-wp-theme/images/osm-logo.png" width="135" height="135" alt="OSM logo" id="logo"/></a> <h1>OSMF Membership</h1> </div> <aside id="nav_menu-3" class="widget widget_nav_menu"><h3 class="widget-title">Start your membership here</h3><div class="menu-menu-1-container"><ul id="menu-menu-1" class="menu"><li id="menu-item-437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-437"><a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/">Home</a></li> <li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/normal-membership/">Normal Membership</a></li> <li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-50 current_page_item menu-item-64"><a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/associate-membership/" aria-current="page">Associate Membership</a></li> <li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/corporate-membership/">Corporate membership</a></li> <li id="menu-item-687" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-687"><a href="https://web.archive.org/web/20211018203044/https://join.osmfoundation.org/active-contributor-membership/">Active Contributor Membership</a></li> </ul></div></aside> </div> </div> <footer id="colophon" role="contentinfo"> <div class="site-info"> <a href="https://web.archive.org/web/20211018203044/http://wordpress.org/" title="Semantic Personal Publishing Platform">Proudly powered by WordPress</a> </div> </footer> </div> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.7" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/web.archive.org\/web\/20211018203044\/https:\/\/join.osmfoundation.org\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.1" id="contact-form-7-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-content/themes/osmblog-wp-theme/js/navigation.js?ver=1.0" id="twentytwelve-navigation-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211018203044js_/https://join.osmfoundation.org/wp-includes/js/wp-embed.min.js?ver=5.8.1" id="wp-embed-js"></script> </body> </html>

CINXE.COM

Associate OSMF Membership | OSMF Membership