CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <div style="display:none" id="SaveAsTemplateLandingPageDialog" title="Save As Template"> <div style="margin:10px 0px 10px 0px;"> <div class="z_input_label requiredField" style="margin-left: -5px;margin-right: -11px;display: inline;"> <span>Template Name:</span> <img src="//cdn.informz.net/Admin31/images/mini_icons/icon_required.png"></img> </div> <input id="newName_template" type="text" class="z_input_box" maxlength="50" style="width:259px" /> <span id="templNameCharRemaining" style="padding-left: 152px;">Characters remaining: <span id="tamplNameRemaining"></span></span><br /><br /> <div class="z_input_label" style="margin-left: -5px;margin-right: -11px;width:150px;vertical-align:top;"> <span>Template Description:</span> <img src="//cdn.informz.net/Admin31/images/mini_icons/icon_required.png"></img> </div> <textarea id="newDescription_template" type="text" maxlength="100" class="z_input_box" style="width:259px;height: 65px;max-width:270px;max-height: 65px;resize: none;"></textarea> <span id="templDescriptionCharRemaining" style="padding-left: 152px;">Characters remaining: <span id="tamplDescriptionRemaining"></span></span> <div id='saveAsTemplateWarning'style="margin-top:10px"></div> <input id="oldId_template" type="hidden" /> </div> </div> <div style="display:none" id="CopyLandingPageDialog" title="Copy Landing Page"> <div style="margin:10px 0px 10px 0px;"> <div class="z_input_label" style="width:90px;padding:5px;"> Name: </div> <input id="newName_copy" type="text" class="z_input_box" maxlength="100" style="width:300px" /><br /><br /> <div class="z_input_label" style="width:90px;padding:5px;"> Filename: </div> <input id="newFileName_copy" type="text" maxlength="200" class="z_input_box" style="width:300px" /> <input id="oldId_copy" type="hidden" /> </div> </div> <div style="display:none" id="foldersDialog" title="Folders"> <table id='foldersTable'></table> <div id="foldersPager"></div> </div> <div style="display:none;width:600px;" id="MoveToFolderDialog" title="Move Landing Page"> Select the destination folder:<br /> <select id="folderMove"><option>Select a folder</option></select> </div> <div id="contextMenuMain" style="display:none;margin:0px;padding:0px;"> <ul class="contextMenuz"> <li id="Report" class="report"><a href="#Report">Report</a></li> <li id="Edit" class="edit"><a href="#Edit">Edit</a></li> <li id="Test" class="envelope"><a href="#Test">Test</a> </li> <li id="Activate" class="live"><a href="#Activate">Activate</a></li> <li id="Deactivate" class="wizard"><a href="#Deactivate">Deactivate</a></li> <li id="SaveAsTemplate" class="properties"><a href="#SaveAsTemplate">Save As Template</a></li> <li id="Copy" class="copy"><a href="#Copy">Copy</a></li> <li id="Delete" class="delete"><a href="#Delete">Delete</a></li> <li id="Undelete" class="undelete"><a href="#Undelete">Undelete</a></li> <li id="Archive" class="archive"><a href="#Archive">Archive</a></li> <li id="InProgress" class="gearIn"> <a href="#inProgress">Set as In Progress</a> </li> </ul> </div> <div id="designer_subscriber_popup" style="display:none" class="quick_message"> <table id="designer_grid"></table><div id="designer_grid_pager"></div> </div> <div style="display:none;" id="landingPageGallery" title="Choose a Landing Page Design"> <div id="FormsSelectorTabs"> <ul> <li><a id="formsTab" href="#tab_forms">Form</a></li> <li><a id="contentTab" href="#tab_content">Content Only</a></li> <li><a id="unsubscribeTab" href="#tab_unsubscribe">Unsubscribe Form</a></li> <li><a id="customTab" href="#tab_custom">Custom</a></li> </ul> <div id="tab_forms"> <div id="form_style_gallery_choose" class="carusele-object"></div> </div> <div id="tab_content"> <div id="content_style_gallery_choose" class="carusele-object"></div> </div> <div id="tab_unsubscribe"> <div id="unsub_style_gallery_choose" class="carusele-object"></div> </div> <div id="tab_custom"> <div id="custom_style_gallery_choose" class="carusele-object"></div> </div> </div> </div> <div style="display:none" id="NotificationDialog" title="Delete Landing Page"> <div id="notificationArea"></div> </div> <div id="empty_fields_message" style="display:none;" class="message_box"> <p> Some non-required fields on this form are blank. Do you wish to save with blank values? </p> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script>window.jQuery || document.write(unescape('%3Cscript src="//cdn.informz.net/Admin31/common/jquery/jquery-latest.min.js"%3E%3C/script%3E'))</script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script> <script>window.jQuery.ui || document.write(unescape('%3Cscript src="//cdn.informz.net/Admin31/common/jquery-ui/js/jquery-ui-1.9.0.custom.min.js"%3E%3C/script%3E'))</script> <script type='text/javascript' src='//cdn.informz.net/Admin31/common/jquery-widgets/font/font.js?v=1502'></script> <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'></script> <script type='text/javascript' src='//cdn.informz.net/Admin31/common/jquery-widgets/lodash/lodash.js?v=1502'></script> <link rel='stylesheet' type='text/css' href='//cdn.informz.net/Admin31/common/jquery-widgets/validationEngine/css/validationEngine.jquery.css?v=1502' /> <script type='text/javascript' src='//cdn.informz.net/Admin31/common/jquery-widgets/validationEngine/js/jquery.validationEngine.js?v=1502'></script> <script type='text/javascript' src='//cdn.informz.net/Admin31/common/jquery-widgets/validationEngine/js/languages/jquery.validationEngine-en.js?v=1502'></script> <link type='text/css' rel='stylesheet' href='//cdn.informz.net/Admin31/common/jquery-ui/css/custom-theme/jquery-ui-1.9.0.custom.min.css?v=1502'/> <link rel='stylesheet' type='text/css' href='//cdn.informz.net/Admin31/common/jquery-widgets/mediaelement/mediaelementplayer.min.css?v=1502' /> <link rel='stylesheet' type='text/css' href='//cdn.informz.net/Admin31/landingpages/client/landing_page.css?v=1502' /> <link rel='stylesheet' type='text/css' href='//cdn.informz.net/Admin31/common/jquery-widgets/medium/css/medium-editor.min.css?v=1502' /> <script type='text/javascript' src='//cdn.informz.net/Admin31/common/jquery-widgets/mediaelement/froogaloop.min.js?v=1502'></script> <script type='text/javascript' src='//cdn.informz.net/Admin31/common/jquery-widgets/mediaelement/mediaelement-and-player.min.js?v=1502'></script> <style>body { position: absolute; padding: 0; margin: 0; }#body_content { min-width:calc(100vw - 20px); min-height:calc(100vh - 20px); padding: 10px; display: block; font-family: Open Sans; font-size: 16px; line-height: 24px; background-color: #ffffff; background-image: url(/admin31/images/form/b0.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .input_field_label_live { margin-bottom: 0px; margin-top: 0px; color: rgba(47,46,123,1); font-weight: bold; font-size: 16px; font-family: Open Sans; border: 1px solid rgba(0,0,0,0); border-radius: 2px 8px 8px 2px; border-right: 8px solid rgba(0,0,0,0); padding-right: 8px; margin-right: 8px; float: left; min-width: 50px; min-height: 10px; vertical_align: middle; padding-top: 8.740741; padding-bottom: 8.740741; height: auto; line-height: 24px; letter-spacing: 0px; } .input_field_choice_live { display: inline-block; font-family: Open Sans; font-size: 12px; font-weight: normal; color: #333333; margin-top: 2px; margin-bottom: 2px; } .radio_checkbox_header_live { display: inline-block; color: #333333; font-family: Open Sans; font-weight: bold; font-size: 14px; } .msg_cat_choice_live { display: inline-block; font-family: Open Sans; font-size: 12px; font-weight: normal; color: #333333; margin-top: 2px; margin-bottom: 2px; } .msg_cat_description_live { color: #333333; font-size: 12px; font-weight: normal; font-family: Open Sans; line-height: 18px; letter-spacing: 0px; min-height: 18px; display: block; margin-bottom: 4px; padding-left: 10px; } .text_style_live { color: rgba(47,46,123,1) !important; line-height: 24px; letter-spacing: 0px; font-family: Open Sans !important; font-weight: normal; font-size: 16px; margin-top: 0px; margin-bottom: 0px; } .text_style_live h1 { color: rgba(47,46,123,1) !important; font-family: Open Sans !important; font-weight: bold; font-size: 24px; margin-top: 0px; margin-bottom: 0px; line-height: 24px; letter-spacing: 0px; } .text_style_live h2 { color: rgba(47,46,123,1) !important; font-family: Open Sans !important; font-weight: bold; font-size: 22px; margin-top: 0px; margin-bottom: 0px; line-height: 24px; letter-spacing: 0px; } .input_field_input_live { border: 1px inset #9C9C9C; margin-top: 0px; margin-bottom: 0px; border-radius: 3px; background-color: #efefef; color: #000000; padding: 8px; font-family: Open Sans; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; display: inline-block; } .formErrorContent { font-family: Open Sans !important; font-size: 11px !important; font-weight: normal !important; color: #ffffff !important; padding: 5px !important; border-style: solid !important; border-width: 2px !important; border-color: #dddddd !important; background-color: #ee0101 !important; line-height: 11px !important; letter-spacing: initial !important; } .formErrorArrow div { border-left-style: solid !important; border-right-style: solid !important; border-left-width: 2px !important; border-right-width: 2px !important; border-left-color: #dddddd !important; border-right-color: #dddddd !important; background-color: #ee0101 !important; background: #ee0101 !important; } .dropdownFieldLive { color: #000000; background-color: #efefef; border: 0px inset #9C9C9C; line-height: 24px; font-family: Open Sans; font-weight: normal; font-size: 15px; } .listFieldLive { display: inline-block; color: undefined; background-color: #efefef; font-family: Open Sans; font-weight: normal; font-size: 15px; border-width: 0px; border-color: transparent; } .edit-element-live { border: 1px inset #9C9C9C; margin-top: 0px; margin-bottom: 0px; border-radius: 3px; background-color: #efefef; color: #000000; padding: 8px; font-family: Open Sans; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; display: inline-block; } .text_style_live a:link, .text_style_live a:visited, .text_style_live a:hover, .text_style_live a:active { color: #0000ee !important; text-decoration: underline !important; font-size: inherit; } </style> <script type="text/javascript"> $(document).ready(function () { var thisFormData = {"formElements": [{"id":"CBBAC30F-5A15-1974-FA50-B083F4D9968E","id_mobile":"CBBAC30F-5A15-1974-FA50-B083F4D9968E_mobile","x_loc":30,"y_loc":10,"x_loc_mobile":30,"y_loc_mobile":10,"width":460,"height":35,"width_mobile":400,"height_mobile":35,"text":"<p style=\"\"></p><h1 style=\"\">Subscribe to <i style=\"\">The Advocate </i></h1><h1 style=\"\"><p></p></h1>","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementText","required":"no","allowsOverlappingElements":false,"textWidth":0,"inputBoxWidth":0,"textWidth_mobile":0,"inputBoxWidth_mobile":0,"isShownOnMobile":true,"textAlignment":"center"},{"id":"E147A032-98E5-0988-6FD0-A24A11B31DA3","id_mobile":"E147A032-98E5-0988-6FD0-A24A11B31DA3_mobile","x_loc":30,"y_loc":55,"x_loc_mobile":30,"y_loc_mobile":55,"width":460,"height":75,"width_mobile":400,"height_mobile":100,"text":"<p style=\"\">Receive ASGCT's newsletter, <i>The Advocate, </i>directly to your inbox every month and stay up to date on ASGCT's actions to advance gene and cell therapies and related policy news. </p>","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementText","required":"no","allowsOverlappingElements":false,"textWidth":0,"inputBoxWidth":0,"textWidth_mobile":0,"inputBoxWidth_mobile":0,"isShownOnMobile":true,"textAlignment":"left"},{"id":"email","id_mobile":"email_mobile","x_loc":30,"y_loc":350,"x_loc_mobile":35,"y_loc_mobile":345,"width":330,"height":44,"width_mobile":330,"height_mobile":44,"text":"Email","showDelete":false,"showEdit":false,"containerId":"sortableFormItems","type":"FormElementEmail","required":"yes","allowsOverlappingElements":false,"textWidth":85,"inputBoxWidth":235,"textWidth_mobile":100,"inputBoxWidth_mobile":215,"isShownOnMobile":true,"progressiveLevel":1,"webinarFieldTypeId":1},{"id":"submitButton","id_mobile":"submitButton_mobile","x_loc":145,"y_loc":420,"x_loc_mobile":130,"y_loc_mobile":409,"width":200,"height":30,"width_mobile":200,"height_mobile":20,"text":"<b style=\"\">Submit</b>","showDelete":false,"showEdit":false,"containerId":"sortableFormItems","type":"FormElementButton","required":"no","allowsOverlappingElements":false,"textWidth":0,"inputBoxWidth":0,"textWidth_mobile":0,"inputBoxWidth_mobile":0,"isShownOnMobile":true},{"id":"15EB3A3D-8F19-3324-89BB-1689D364971B","id_mobile":"15EB3A3D-8F19-3324-89BB-1689D364971B_mobile","x_loc":30,"y_loc":215,"x_loc_mobile":30,"y_loc_mobile":229,"width":370,"height":50,"width_mobile":370,"height_mobile":50,"text":"First Name","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementInput","required":"no","allowsOverlappingElements":false,"textWidth":85,"inputBoxWidth":235,"textWidth_mobile":100,"inputBoxWidth_mobile":220,"isShownOnMobile":true,"progressiveLevel":1,"personalInfoId":"16592","webinarFieldTypeId":"0","isIMIS":false,"maxChar":500,"isAlwaysRequired":false,"name":"First Name","isDate":false,"minYear":null,"maxYear":null,"minChar":0},{"id":"1D0DF855-9A47-63DE-0B24-744EF0F7469C","id_mobile":"1D0DF855-9A47-63DE-0B24-744EF0F7469C_mobile","x_loc":30,"y_loc":285,"x_loc_mobile":30,"y_loc_mobile":289,"width":370,"height":50,"width_mobile":370,"height_mobile":50,"text":"Last Name","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementInput","required":"no","allowsOverlappingElements":false,"textWidth":85,"inputBoxWidth":235,"textWidth_mobile":100,"inputBoxWidth_mobile":220,"isShownOnMobile":true,"progressiveLevel":1,"personalInfoId":"16593","webinarFieldTypeId":"0","isIMIS":false,"maxChar":500,"isAlwaysRequired":false,"name":"Last Name","isDate":false,"minYear":null,"maxYear":null,"minChar":0},{"id":"2741D7BC-B22E-2C40-4FCA-422F9A1E347C","id_mobile":"2741D7BC-B22E-2C40-4FCA-422F9A1E347C_mobile","x_loc":30,"y_loc":150,"x_loc_mobile":30,"y_loc_mobile":169,"width":370,"height":50,"width_mobile":370,"height_mobile":50,"text":"Formal Name Prefix","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementInput","required":"no","allowsOverlappingElements":false,"textWidth":"160","inputBoxWidth":"160","textWidth_mobile":"160","inputBoxWidth_mobile":"160","isShownOnMobile":true,"progressiveLevel":1,"personalInfoId":"18390","webinarFieldTypeId":"0","isIMIS":false,"maxChar":500,"isAlwaysRequired":false,"name":"Formal Name Prefix","isDate":false,"minYear":null,"maxYear":null,"minChar":0}],"style":{"id":1,"version":2,"style":{"contentBackgroundColor":"rgba(255,255,255,0.9)","contentBorderWidth":"1px","contentBorderType":"solid","contentBorderColor":"#efefef","contentBorderRadius":"10px","contentMargin":"10px auto","contentPadding":"10px","workspacePadding":"10px","formBackgroundColor":"#ffffff","formBackgroundImage":"/admin31/images/form/b0.jpg","formBackgroundRepeat":"no-repeat","formBackgroundSize":"cover","formBackgroundUseImage":"0","buttonUseImage":"1","buttonImage":"","unsubscribeButtonUseImage":"1","unsubscribeButtonImage":"","formWidth":"480.519px","formHeight":"462.519px","formMobileWidth":"420.518518px","formMobileHeight":"445.518518px","fontFamily":"Open Sans","fontSize":"16px","fontWeight":"normal","fontColor":"rgba(47,46,123,1)","fontLineHeight":"24px","fontLetterSpacing":"0px","fontSizeH1":"24px","fontWeightH1":"bold","fontColorH1":"rgba(47,46,123,1)","fontLineHeightH1":"24px","fontLetterSpacingH1":"0px","fontSizeH2":"22px","fontWeightH2":"bold","fontColorH2":"rgba(47,46,123,1)","fontLineHeightH2":"24px","fontLetterSpacingH2":"0px","fontSizePers":"16px","fontWeightPers":"bold","fontColorPers":"rgba(47,46,123,1)","hyperlinkTextDecoration":"underline","hyperlinkColor":"#0000ee","inputBorderWidth":"1px","inputBorderType":"inset","inputBorderColor":"#9C9C9C","fontSizeInterest":"12px","fontWeightInterest":"normal","fontColorInterest":"#333333","fontLineHeightInterest":"24px;","fontLetterSpacingInterest":"0px","fontSizeInterestHeader":"14px","fontWeightInterestHeader":"bold","fontColorInterestHeader":"#333333","fontSizeMsgCatDescription":"12px","fontWeightMsgCatDescription":"normal","fontColorMsgCatDescription":"#333333","fontLineHeightMsgCatDescription":"18px","fontMarginBottomMsgCatDescription":"4px","fontLetterSpacingMsgCatDescription":"0px","buttonBorderWidth":"1px","buttonBorderType":"solid","buttonBorderColor":"#cccccc","buttonBorderRadius":"6px","buttonMargin":"0px","buttonPadding":"10px","buttonBackgroundColor":"rgba(243,39,53,1)","buttonFontColor":"#000000","buttonFontSize":"18px","buttonFontLineHeight":"24px","buttonFontLetterSpacing":"0px","fontLineHeightPers":"24px","fontLetterSpacingPers":"0px","inputFontLineHeight":"24px","inputFontLetterSpacing":"0px","buttonTextAlign":"center","buttonBoxShadow":"2px 2px 2px #999","marginPers":"0px","marginText":"0px","marginDemo":"0px","marginInterest":"2px","inputRadiusPers":"3px","inputBackgroundColorPers":"#efefef","inputPaddingPers":"8px","inputFontSizePers":"15px","inputFontWeightPers":"normal","inputFontColorPers":"#000000","labelOption":1,"validationLocation":"Below","validationBackgroundColor":"#ee0101","validationBorderWidth":"2px","validationBorderType":"solid","validationBorderColor":"#dddddd","validationPadding":"5px","validationFontFamily":"Open Sans","fontSizeValidation":"11px","fontWeightValidation":"normal","fontColorValidation":"#ffffff","buttonImageWidth":200,"buttonImageHeight":20}},"process":{"redirect":{"type":"1","url":"https://asgct.org/advocacy/the-advocate","landing_page":"http://asgct.informz.net/asgct/pages/The_Advocate_thank_you_page","filename":"","fileurl":""},"changeProfile":{"interests":[]},"notify":{"email":[],"note":""},"followUp":{"mailingId":984698,"campaignId":0,"mailingTypeId":10},"webinarId":0,"autoFill":false,"isEmailBlockDisabled":false,"disabledAutoScroll":true}}; // remove iMIS and remote interests fields if brand is not iMIS or bridge is down. var formTypeId = 0 var defaultFormFont = ['Open Sans']; var validationFormFont = thisFormData.style.style.validationFontFamily; if(validationFormFont){ defaultFormFont.push(validationFormFont); } WebFont.load({ google: { families: defaultFormFont } }); UpdateFormFieldDetails(); ClearFields(); var validationPromptLocation = ""; //prevent error in case the validationLocation is undefined validationPromptLocation = thisFormData.style.style.validationLocation; switch (validationPromptLocation) { case "Above": validationPromptLocation = "topLeft"; break; case "Below": validationPromptLocation = "bottomLeft"; break; case "Right": validationPromptLocation = "centerRight"; break; default: validationPromptLocation = "centerRight"; } $(".formData").validationEngine({ promptPosition: validationPromptLocation, scroll:false, maxErrorsPerField: 1 }); if (IsAutofillEnabled()) { SetValuesOfFields(); } else{ CheckIfUserIsIMIS(); } SetDefaultValues(); SetFormEmailSessionValue(''); var width = $(window).width(); $("#submitButton_live").click(function() {SubmitFormIfValid()}); $("#loadingMessage").remove(); $("#landing_page_content").show(); // Add the jquery date picker to elements that need it. $("input[isdate='true']").each(function(index) { var minYear = $(this).prop("minYear"); var maxYear = $(this).prop("maxYear"); $(this).datepicker({ dateFormat: "yy-mm-dd", changeMonth: true, changeYear: true, minDate: new Date(minYear, 0, 1), maxDate: new Date(maxYear, 11, 31), // For some reason the validation engine is having a tough time picking up date selections and may // still say "field required". onSelect: function() { $(this).validationEngine("validate"); } }); }); //set focus on first element in form if (!thisFormData.process.disabledAutoScroll) { $("form:first *:input[type!=hidden]:first").focus(); } // init video player $('video').each(function(index, element){ var el = $(this) var autoPlay = false; if (el.attr('data-autoplay') === 'true') { autoPlay = true; } el.mediaelementplayer({ features: ['playpause', 'progress', 'current', 'duration', 'tracks', 'volume', 'fullscreen'], success: function(mediaElement){ if (autoPlay) { mediaElement.play(); } } }); }); $("#closeTextModeWarning").click(function () { $("#TestPageWarning").hide(); }); $(".unSub_Checkbox").hide(); // We no longer want the unsub checkbox to be checked by default. I removed the option to set this in the designer // There is no doubt a more elegant way to uncheck this but I did not find it right off so this crude but effective option will do. $("#unSubAll_live").prop('checked', false); $("#unSubAll_live").change(function() { if(this.checked) { DisableFormForUnsubscribe(); SetEmailAddress(); } else { EnableFormElements(validationPromptLocation); } }); //if field is set to checked by default if($("#unSubAll_live").is(':checked')){ DisableFormForUnsubscribe(); SetEmailAddress(); } //Set demographic dropdown options color for 'placeholders inside the inputs' types only $(".dropdownFieldLive:has(option:disabled)").css('color','gray') .find('option').css('color','black'); $(".dropdownFieldLive:has(option:disabled)").change(function() { $(this).css('color','black'); }); //"FormElementInterest" $(thisFormData.formElements).each(function(index, object) { if (object.type == "FormElementInterest" || object.type == "FormElementMsgCat" ) { if (object.checkboxChecked == "yes") { $("input", "#" + object.id + "_live").prop("checked", true); $("input", "#" + object.id + "_live_mobile").prop("checked", true); } } }); }); function DisableFormForUnsubscribe() { $(".formData").validationEngine('detach'); $(".formData").validationEngine('hideAll'); $(".formData").find("input, textarea, button, select").prop('disabled', true); $("#unSubAll_live").prop('disabled', false); } function SetEmailAddress(){ $("#isf_subscriber_email").val(''); } function EnableFormElements(validationPromptLocation) { $(".formData").validationEngine('attach', { promptPosition: validationPromptLocation, maxErrorsPerField: 1 }); $(".formData").find("input, textarea, button, select").prop('disabled', false); } // Fields that rely on live data may require updates // (e.g., changing interest names, removing fields that don't apply to particular subscribers, etc) function UpdateFormFieldDetails() { $(".remote-interest, .all-remote-interests").hide(); $("input[name='isf_interestGroupSelect']").addClass('unverified-interest'); // Removes any interests that no longer exist in the brand $(".unverified-interest").parent("div.interest-wrap").remove(); } function ClearFields() { $(".formData").find("input:text, input:password, input:file, select, textarea").val(""); $(".formData").find("input:radio, input:checkbox").removeAttr("checked").removeAttr("selected"); $(".isf_checkbox_checked").prop("checked", "checked"); $(".form_designer_button").prop( "enabled", true ); $(".form_designer_button").css({"cursor":"normal"}); } function SetDefaultValues() { var formIdFieldExists = $("[name='isf_form_id']").length > 0; var subscriberIdFieldExists = $("[name='isf_id']").length > 0; var form = $('form') if (!formIdFieldExists) { form.append('<input type="hidden" name="isf_form_id" />'); } if (!subscriberIdFieldExists) { form.append('<input type="hidden" name="isf_id" />'); } // If autoFill is True, then we set the value to Subscriber_id for update the subscriber (including email address) based on the supplied subscriber_id from either the Cookie or the parameter if(IsAutofillEnabled()) { $("[name='isf_id']").val("0"); SetEmailAddress(); } else { $("[name='isf_id']").val("0"); } $("[name='isf_form_id']").val("12605"); } function ExtractMultiSelectIdAndValues() { var idToValues = {}; return idToValues; } function IsAutofillEnabled(){ var thisFormData = {"formElements": [{"id":"CBBAC30F-5A15-1974-FA50-B083F4D9968E","id_mobile":"CBBAC30F-5A15-1974-FA50-B083F4D9968E_mobile","x_loc":30,"y_loc":10,"x_loc_mobile":30,"y_loc_mobile":10,"width":460,"height":35,"width_mobile":400,"height_mobile":35,"text":"<p style=\"\"></p><h1 style=\"\">Subscribe to <i style=\"\">The Advocate </i></h1><h1 style=\"\"><p></p></h1>","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementText","required":"no","allowsOverlappingElements":false,"textWidth":0,"inputBoxWidth":0,"textWidth_mobile":0,"inputBoxWidth_mobile":0,"isShownOnMobile":true,"textAlignment":"center"},{"id":"E147A032-98E5-0988-6FD0-A24A11B31DA3","id_mobile":"E147A032-98E5-0988-6FD0-A24A11B31DA3_mobile","x_loc":30,"y_loc":55,"x_loc_mobile":30,"y_loc_mobile":55,"width":460,"height":75,"width_mobile":400,"height_mobile":100,"text":"<p style=\"\">Receive ASGCT's newsletter, <i>The Advocate, </i>directly to your inbox every month and stay up to date on ASGCT's actions to advance gene and cell therapies and related policy news. </p>","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementText","required":"no","allowsOverlappingElements":false,"textWidth":0,"inputBoxWidth":0,"textWidth_mobile":0,"inputBoxWidth_mobile":0,"isShownOnMobile":true,"textAlignment":"left"},{"id":"email","id_mobile":"email_mobile","x_loc":30,"y_loc":350,"x_loc_mobile":35,"y_loc_mobile":345,"width":330,"height":44,"width_mobile":330,"height_mobile":44,"text":"Email","showDelete":false,"showEdit":false,"containerId":"sortableFormItems","type":"FormElementEmail","required":"yes","allowsOverlappingElements":false,"textWidth":85,"inputBoxWidth":235,"textWidth_mobile":100,"inputBoxWidth_mobile":215,"isShownOnMobile":true,"progressiveLevel":1,"webinarFieldTypeId":1},{"id":"submitButton","id_mobile":"submitButton_mobile","x_loc":145,"y_loc":420,"x_loc_mobile":130,"y_loc_mobile":409,"width":200,"height":30,"width_mobile":200,"height_mobile":20,"text":"<b style=\"\">Submit</b>","showDelete":false,"showEdit":false,"containerId":"sortableFormItems","type":"FormElementButton","required":"no","allowsOverlappingElements":false,"textWidth":0,"inputBoxWidth":0,"textWidth_mobile":0,"inputBoxWidth_mobile":0,"isShownOnMobile":true},{"id":"15EB3A3D-8F19-3324-89BB-1689D364971B","id_mobile":"15EB3A3D-8F19-3324-89BB-1689D364971B_mobile","x_loc":30,"y_loc":215,"x_loc_mobile":30,"y_loc_mobile":229,"width":370,"height":50,"width_mobile":370,"height_mobile":50,"text":"First Name","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementInput","required":"no","allowsOverlappingElements":false,"textWidth":85,"inputBoxWidth":235,"textWidth_mobile":100,"inputBoxWidth_mobile":220,"isShownOnMobile":true,"progressiveLevel":1,"personalInfoId":"16592","webinarFieldTypeId":"0","isIMIS":false,"maxChar":500,"isAlwaysRequired":false,"name":"First Name","isDate":false,"minYear":null,"maxYear":null,"minChar":0},{"id":"1D0DF855-9A47-63DE-0B24-744EF0F7469C","id_mobile":"1D0DF855-9A47-63DE-0B24-744EF0F7469C_mobile","x_loc":30,"y_loc":285,"x_loc_mobile":30,"y_loc_mobile":289,"width":370,"height":50,"width_mobile":370,"height_mobile":50,"text":"Last Name","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementInput","required":"no","allowsOverlappingElements":false,"textWidth":85,"inputBoxWidth":235,"textWidth_mobile":100,"inputBoxWidth_mobile":220,"isShownOnMobile":true,"progressiveLevel":1,"personalInfoId":"16593","webinarFieldTypeId":"0","isIMIS":false,"maxChar":500,"isAlwaysRequired":false,"name":"Last Name","isDate":false,"minYear":null,"maxYear":null,"minChar":0},{"id":"2741D7BC-B22E-2C40-4FCA-422F9A1E347C","id_mobile":"2741D7BC-B22E-2C40-4FCA-422F9A1E347C_mobile","x_loc":30,"y_loc":150,"x_loc_mobile":30,"y_loc_mobile":169,"width":370,"height":50,"width_mobile":370,"height_mobile":50,"text":"Formal Name Prefix","showDelete":true,"showEdit":true,"containerId":"sortableFormItems","type":"FormElementInput","required":"no","allowsOverlappingElements":false,"textWidth":"160","inputBoxWidth":"160","textWidth_mobile":"160","inputBoxWidth_mobile":"160","isShownOnMobile":true,"progressiveLevel":1,"personalInfoId":"18390","webinarFieldTypeId":"0","isIMIS":false,"maxChar":500,"isAlwaysRequired":false,"name":"Formal Name Prefix","isDate":false,"minYear":null,"maxYear":null,"minChar":0}],"style":{"id":1,"version":2,"style":{"contentBackgroundColor":"rgba(255,255,255,0.9)","contentBorderWidth":"1px","contentBorderType":"solid","contentBorderColor":"#efefef","contentBorderRadius":"10px","contentMargin":"10px auto","contentPadding":"10px","workspacePadding":"10px","formBackgroundColor":"#ffffff","formBackgroundImage":"/admin31/images/form/b0.jpg","formBackgroundRepeat":"no-repeat","formBackgroundSize":"cover","formBackgroundUseImage":"0","buttonUseImage":"1","buttonImage":"","unsubscribeButtonUseImage":"1","unsubscribeButtonImage":"","formWidth":"480.519px","formHeight":"462.519px","formMobileWidth":"420.518518px","formMobileHeight":"445.518518px","fontFamily":"Open Sans","fontSize":"16px","fontWeight":"normal","fontColor":"rgba(47,46,123,1)","fontLineHeight":"24px","fontLetterSpacing":"0px","fontSizeH1":"24px","fontWeightH1":"bold","fontColorH1":"rgba(47,46,123,1)","fontLineHeightH1":"24px","fontLetterSpacingH1":"0px","fontSizeH2":"22px","fontWeightH2":"bold","fontColorH2":"rgba(47,46,123,1)","fontLineHeightH2":"24px","fontLetterSpacingH2":"0px","fontSizePers":"16px","fontWeightPers":"bold","fontColorPers":"rgba(47,46,123,1)","hyperlinkTextDecoration":"underline","hyperlinkColor":"#0000ee","inputBorderWidth":"1px","inputBorderType":"inset","inputBorderColor":"#9C9C9C","fontSizeInterest":"12px","fontWeightInterest":"normal","fontColorInterest":"#333333","fontLineHeightInterest":"24px;","fontLetterSpacingInterest":"0px","fontSizeInterestHeader":"14px","fontWeightInterestHeader":"bold","fontColorInterestHeader":"#333333","fontSizeMsgCatDescription":"12px","fontWeightMsgCatDescription":"normal","fontColorMsgCatDescription":"#333333","fontLineHeightMsgCatDescription":"18px","fontMarginBottomMsgCatDescription":"4px","fontLetterSpacingMsgCatDescription":"0px","buttonBorderWidth":"1px","buttonBorderType":"solid","buttonBorderColor":"#cccccc","buttonBorderRadius":"6px","buttonMargin":"0px","buttonPadding":"10px","buttonBackgroundColor":"rgba(243,39,53,1)","buttonFontColor":"#000000","buttonFontSize":"18px","buttonFontLineHeight":"24px","buttonFontLetterSpacing":"0px","fontLineHeightPers":"24px","fontLetterSpacingPers":"0px","inputFontLineHeight":"24px","inputFontLetterSpacing":"0px","buttonTextAlign":"center","buttonBoxShadow":"2px 2px 2px #999","marginPers":"0px","marginText":"0px","marginDemo":"0px","marginInterest":"2px","inputRadiusPers":"3px","inputBackgroundColorPers":"#efefef","inputPaddingPers":"8px","inputFontSizePers":"15px","inputFontWeightPers":"normal","inputFontColorPers":"#000000","labelOption":1,"validationLocation":"Below","validationBackgroundColor":"#ee0101","validationBorderWidth":"2px","validationBorderType":"solid","validationBorderColor":"#dddddd","validationPadding":"5px","validationFontFamily":"Open Sans","fontSizeValidation":"11px","fontWeightValidation":"normal","fontColorValidation":"#ffffff","buttonImageWidth":200,"buttonImageHeight":20}},"process":{"redirect":{"type":"1","url":"https://asgct.org/advocacy/the-advocate","landing_page":"http://asgct.informz.net/asgct/pages/The_Advocate_thank_you_page","filename":"","fileurl":""},"changeProfile":{"interests":[]},"notify":{"email":[],"note":""},"followUp":{"mailingId":984698,"campaignId":0,"mailingTypeId":10},"webinarId":0,"autoFill":false,"isEmailBlockDisabled":false,"disabledAutoScroll":true}}; var formTypeId = 0 // autofill is used only in profile form type (landingPageObj.formTypeId=0), for other types of forms autofill is not needed return thisFormData.process.autoFill || formTypeId != 0; } function IsAnyPersonalFieldEmpty(){ if(!IsAutofillEnabled()){ var fields = $('input[id^="isf_p_"]'); for(var i = 0; i < fields.length; i++){ if(fields[i].value.trim() == ''){ return true; } } } return false; } function SetIMISFields(data){ if(data){ for(var i = 0; i < data.length; i++){ var selector = "[id='imis_\$imis\$_"+data[i].name+"']"; if($(selector)) $(selector).val(data[i].value); } } }; function CheckIfUserIsIMIS(){ } function ChangeIMISFields(action){ var items = $('input[id^="imis_"]').parent().parent(); ChangeItemsByAction(items, action); } function ChangeRemoteInterestsFields(action){ var items = $('.remote-interest').parent().parent(); ChangeItemsByAction(items, action); } function ChangeItemsByAction(items, action){ switch(action){ case "hide": items.hide(); break; case "show": items.show(); break; case "remove": items.remove(); break; } } function LoadIMISFieldsData() { } function GetIMISObject(){ var items = $('input[id^="imis_"]'); var imisObj = []; if(items.length > 0){ for(var i = 0; i < items.length; i++){ imisObj.push({ name: items[i].title, value: items[i].value }) } } return imisObj; } function SetValuesOfFields() { var multiSelectOptions = ExtractMultiSelectIdAndValues(); var msgCatOptOuts = []; LoadIMISFieldsData(); for (var id in multiSelectOptions) { $(`#${id}`).val(multiSelectOptions[id]); } // Ensure all boxes are checked document.getElementsByName("isf_MsgCatSelect").forEach(checkbox => { checkbox.checked = true; }); // I tried just setting the property `checked = false`, but something, somewhere, changes it back // I banged my head against a wall for quite a while until giving up // This is the easy bandaid, and while it has visual problems, it works window.addEventListener('load', (event) => { // uncheck opted out boxes msgCatOptOuts.forEach(id => { var elem = document.getElementById(`msgCat_input_${id}`) if (elem) { elem.checked = false; } }); }); var isTextFormat = false; if (isTextFormat) { $("[name='isf_format']").prop("checked", "checked"); } } var FORM_SUBMIT_URL = "https://asgct.informz.net/asgct/form_process.asp?_v=1&_zs=&_zmi="; // renders absolute url address, including protocol //FORM_SUBMIT_URL = FORM_SUBMIT_URL.replace("http:", "https:"); // ensure form will be submitted via HTTPS protocol var currentProtocol = window.location.protocol; if(currentProtocol.indexOf("https:") > -1) { FORM_SUBMIT_URL = FORM_SUBMIT_URL.replace("http:", "https:"); } else { FORM_SUBMIT_URL = FORM_SUBMIT_URL.replace("https:", "http:"); } function SubmitFormIfValid() { if($("#unSubAll_live").is(':checked')) { UnsubscribeFromForm(); return; } if (! $(".formData").validationEngine("validate")) { return; } // We were showing a warning dialog to users who left a non-required field empty // because we can write empty values back to IMIS? (question mark because that's what I think it was doing). // We are removing this but I'm leaving the code pending further consideration. // Kent 3/24/2017 //if(IsAnyPersonalFieldEmpty()){ // ShowEmptyFieldsMessage() //} //else{ SubmitForm(); //} } function SetFormEmailSessionValue(value){ /* $.ajax({ url: "/admin31/LandingPages/client/form_default_email_session_value.asp?operation=set", type: "POST", data: {'form_email': value} }); */ } function GetFormEmailSessionValue(){ /* $('#isf_subscriber_email').hide(); $.ajax({ url: "/admin31/LandingPages/client/form_default_email_session_value.asp?operation=get", type: "POST", success : function(email){ if (email != ""){ $('#isf_subscriber_email').parent().find('.required_icon').hide() $('#isf_subscriber_email')[0].outerHTML += '<div style="position: initial;margin-top: 7px;display:inline-block;">'+ email +'</div>'; $('#isf_subscriber_email').val(email); } else{ $('#isf_subscriber_email').show(); } } }); */ } function SubmitForm() { ShowWaitCursor(); var allParams = location.href.split('?')[1] ? ('?' + location.href.split('?')[1]) : ''; var disableEmailParam = "e=1"; if(!allParams.includes(disableEmailParam)){ allParams += allParams ? ('&' + disableEmailParam) : ('?' + disableEmailParam); } $.ajax({ url: FORM_SUBMIT_URL, type: "POST", data: $(".formData").serialize(), error: function (xhr, ajaxOptions, thrownError) { window.location = "https://asgct.informz.net/asgct/pages/The_Advocate_thank_you_page" + allParams; }, success: function(result) { var resultJson = $.parseJSON(result); var responseMessage = 'The form was successfully submitted.', showMessageBeforeRedirect = false, registrationStatus = 0; if (resultJson.WebinarRegistrationStatus) { registrationStatus = resultJson.WebinarRegistrationStatus.RegistrationStatus; } var didWebinarRegistrationFail = registrationStatus > 1; if (didWebinarRegistrationFail) { responseMessage = resultJson.WebinarRegistrationStatus.RegistrationStatusUserMessage; showMessageBeforeRedirect = true; } if (showMessageBeforeRedirect) { alert(responseMessage); } window.location = "https://asgct.informz.net/asgct/pages/The_Advocate_thank_you_page" + allParams; }, complete: function(){ HideWaitCursor(); var emailAddress = $('#isf_subscriber_email').val(); SetFormEmailSessionValue(emailAddress); } }); } // To hide the error message and error container, this is defined as a callback function in the recaptcha // element in landing_page_designer_object_captcha.js function HideCaptchaError() { ToggleCatpchaError(false) } function ToggleCatpchaError(showError) { if(showError) { $('#captchaError').show(); $('#captchaContainer').addClass('recaptcha-error'); } else { $('#captchaError').hide(); $('#captchaContainer').removeClass('recaptcha-error'); } } // Not currently used. May be removed in the future. function ShowEmptyFieldsMessage(){ $('#empty_fields_message').dialog({ modal: true, title: '', height: 170, width: 460, resizable: false, buttons: [{ text : "Yes", "class" : 'yes_button', click : function () { $( this ).dialog( "close" ); SubmitForm(); } }, { text : "No", "class" : 'no_button', click : function () { $( this ).dialog( "close" ); event.preventDefault(); } }] }); } function UnsubscribeFromForm(){ $.ajax({ url: FORM_SUBMIT_URL, type:"POST", data: { action: "unsub", isf_id: "0", isf_form_id: "12605" }, error: function (xhr, ajaxOptions, thrownError) { alert("There was an error submitting the form."); }, success: function(result) { ShowUnsubscribeMessage(); } }); } function ShowUnsubscribeMessage() { $("#body_content").css({"cursor":"default"}); $(".form_designer_button").css({"cursor":"default"}); ActivateEventsForSubmitButton(); $("#live").hide(); $("#live_mobile").hide(); $(".form_messages").html("You have been successfully unsubscribed."); $(".form_messages").show(); } function ShowUnsubscribeTestMessage() { $("#body_content").css({"cursor":"default"}); $(".form_designer_button").css({"cursor":"default"}); ActivateEventsForSubmitButton(); $("#live").hide(); $("#live_mobile").hide(); $(".form_messages").html("You would have been unsubscribed, but this page is in test mode."); $(".form_messages").show(); } function ShowAuthUserUnsubscribeMessage() { $("#body_content").css({"cursor":"default"}); $(".form_designer_button").css({"cursor":"default"}); ActivateEventsForSubmitButton(); $("#live").hide(); $("#live_mobile").hide(); $(".form_messages").html("This email address is associated with a user account. It cannot be unsubscribed until the user account has been removed."); $(".form_messages").show(); } function ShowWaitCursor() { $("#body_content").css({"cursor":"wait"}); $(".form_designer_button").css({"cursor":"wait"}); $("#submitButton_live").css({pointerEvents: "none"}); } function HideWaitCursor() { $("#body_content").css({"cursor":"default"}); $(".form_designer_button").css({"cursor":"pointer"}); ActivateEventsForSubmitButton(); } function ActivateEventsForSubmitButton() { $("#submitButton_live").css({pointerEvents: "auto"}); } </script> <title>The Advocate Sign-up Form</title> <style> /*#region jquery dialog classes*/ .message_box{ font-size: 15px !important; overflow: hidden !important; font-family: 'Fira Sans', sans-serif !important; font-weight: 100 !important; color: #515151 !important; height: 50px !important; } .message_box > p{ padding-top: 11px; padding-right: 30px; padding-left: 20px; } .yes_button{ background : #7da42e !important; color : #ffffff !important; width: 80px !important; font-family: sans-serif!important; font-size:12px !important; line-height:13px !important; font-weight:300 !important; text-decoration:none !important; border: none !important; border-radius: 0px !important; height: 34px !important; } .no_button{ background : #515151 !important; color : #ffffff !important; width: 80px !important; font-family: sans-serif!important; font-size:12px !important; line-height:13px !important; font-weight:300 !important; text-decoration:none !important; border: none !important; border-radius: 0px !important; height: 34px !important; margin-left: 10px !important; } .ui-dialog-buttonset{ float:left !important; margin-left: 5px !important; } .ui-dialog-titlebar{ display: none; } .ui-dialog-buttonpane{ border : none !important; padding-left: 30px !important; padding-bottom : 20px !important; } .ui-dialog{ border-style: solid !important; border-width: 10px !important; border-radius: 0px !important; border-color: #dedede !important; background: #ffffff !important; } /* #end */ </style> </head> <body> <div id="body_content"> <div id="loadingMessage" style="display: block; width: 300px; font-family: Arial; font-size: 24px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgb(239, 239, 239); border-radius: 10px; margin: 10px auto; padding-top: 50px; height: 100px; text-align: center">Loading...</div> <div id="landing_page_content" style="display:none"> <form class="formData" autocomplete="off">  <label class="ohnohoney" for="name"></label> <input class="ohnohoney" autocomplete="off" type="text" id="name" name="name" placeholder="Your name here"> <label class="ohnohoney" for="email"></label> <input class="ohnohoney" autocomplete="off" type="email" id="email" name="email" placeholder="Your e-mail here"> <div class="form_messages" style="background-color:#ffffff;border-radius:4px;border:1px solid #999999;margin:40px;padding:5px;text-align: center;display:none"></div> <div id="live" class="informzForm" style="display: block; position: relative; height: 462.519px; width: 480.519px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgb(239, 239, 239); border-radius: 10px; margin: 10px auto; padding: 10px;"> <div id="sortableFormFramesLive"></div> <div id="sortableFormImagesLive"></div> <div id="sortableFormItemsLive"><div><div style="position: absolute; top: 10px; left: 30px; cursor: text; border-radius: 4px;" class="form_designer_field" id="CBBAC30F-5A15-1974-FA50-B083F4D9968E_live"><div style="width: 460px; height: 35px; text-align: center; color: rgb(47, 46, 123); line-height: 24px; letter-spacing: 0px; font-weight: normal; font-size: 16px; margin-top: 0px; margin-bottom: 0px; overflow: hidden;" id="text_container_CBBAC30F-5A15-1974-FA50-B083F4D9968E" class="text_style"><div id="editable_CBBAC30F-5A15-1974-FA50-B083F4D9968E" dataidval="CBBAC30F-5A15-1974-FA50-B083F4D9968E" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="1" medium-editor-index="34c73087-ec64-d7a9-7945-add1bd06cdbf" data-placeholder="Type your text"><p style=""></p><h1 style="color: rgb(47, 46, 123); font-weight: bold; font-size: 24px; margin-top: 0px; margin-bottom: 0px; line-height: 24px; letter-spacing: 0px;">Subscribe to <i style="">The Advocate </i></h1><h1 style="color: rgb(47, 46, 123); font-weight: bold; font-size: 24px; margin-top: 0px; margin-bottom: 0px; line-height: 24px; letter-spacing: 0px;"><p></p></h1></div></div></div></div><div><div style="position: absolute; top: 55px; left: 30px; cursor: text; border-radius: 4px;" class="form_designer_field" id="E147A032-98E5-0988-6FD0-A24A11B31DA3_live"><div style="width: 460px; height: 75px; text-align: left; color: rgb(47, 46, 123); line-height: 24px; letter-spacing: 0px; font-weight: normal; font-size: 16px; margin-top: 0px; margin-bottom: 0px; overflow: hidden;" id="text_container_E147A032-98E5-0988-6FD0-A24A11B31DA3" class="text_style"><div id="editable_E147A032-98E5-0988-6FD0-A24A11B31DA3" dataidval="E147A032-98E5-0988-6FD0-A24A11B31DA3" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="2" medium-editor-index="0d3bd53b-29b5-b06a-91f6-ff25f084282a" data-placeholder="Type your text"><p style="">Receive ASGCT's newsletter, <i>The Advocate, </i>directly to your inbox every month and stay up to date on ASGCT's actions to advance gene and cell therapies and related policy news. </p></div></div></div></div><div><div style="position: absolute; top: 150px; left: 30px; cursor: text; border-radius: 4px;" class="form_designer_field" id="2741D7BC-B22E-2C40-4FCA-422F9A1E347C_live"><div id="container2741D7BC-B22E-2C40-4FCA-422F9A1E347C" class="" style="width: 160px; margin-bottom: 0px; margin-top: 0px; color: rgb(47, 46, 123); font-weight: bold; font-size: 16px; font-family: "Open Sans"; border-width: 1px 8px 1px 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 2px 8px 8px 2px; padding-right: 8px; margin-right: 8px; float: left; min-width: 50px; min-height: 10px; padding-top: 8.74074px; padding-bottom: 8.74074px; height: auto; line-height: 24px; letter-spacing: 0px;" data-no-fixed-height="true"><div id="editable_2741D7BC-B22E-2C40-4FCA-422F9A1E347C" dataidval="2741D7BC-B22E-2C40-4FCA-422F9A1E347C style=" width:="" 160px"="" "="" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="7" medium-editor-index="0b9d4bd4-73af-09ba-8740-229ef7cbc601" data-placeholder="Type your text">Formal Name Prefix</div></div><div id="input2741D7BC-B22E-2C40-4FCA-422F9A1E347C" class="form_designer_text_input" style="width: 160px; border-width: 1px; border-style: inset solid inset inset; border-color: rgb(156, 156, 156); border-image: initial; margin-top: 0px; margin-bottom: 0px; border-radius: 3px; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); padding: 8px; font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; display: inline-block;" data-no-fixed-height="true"><input id="isf_p_18390" type="text" title="squ3n#https://asgct.higherlogic.com#/higherlogic/web" class="form_designer_text_input edit-element" style="width: calc(100% - 4px); display: inline-block; border: 1px inset transparent; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; padding-top: 0px; padding-bottom: 0px; pointer-events: unset;" value="" data-validation-engine="validate[optional,maxSize[500]]" placeholder="" name="isf_p_18390"></div></div></div><div><div style="position: absolute; top: 215px; left: 30px; cursor: text; border-radius: 4px;" class="form_designer_field" id="15EB3A3D-8F19-3324-89BB-1689D364971B_live"><div id="container15EB3A3D-8F19-3324-89BB-1689D364971B" class="" style="width: 85px; margin-bottom: 0px; margin-top: 0px; color: rgb(47, 46, 123); font-weight: bold; font-size: 16px; font-family: "Open Sans"; border-width: 1px 8px 1px 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 2px 8px 8px 2px; padding-right: 8px; margin-right: 8px; float: left; min-width: 50px; min-height: 10px; padding-top: 8.74074px; padding-bottom: 8.74074px; height: auto; line-height: 24px; letter-spacing: 0px;" data-no-fixed-height="true"><div id="editable_15EB3A3D-8F19-3324-89BB-1689D364971B" dataidval="15EB3A3D-8F19-3324-89BB-1689D364971B style=" width:="" 85px"="" "="" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="5" medium-editor-index="d60ea928-66fa-7696-3d61-8d96fcbc8adf" data-placeholder="Type your text">First Name</div></div><div id="input15EB3A3D-8F19-3324-89BB-1689D364971B" class="form_designer_text_input" style="width: 235px; border-width: 1px; border-style: inset solid inset inset; border-color: rgb(156, 156, 156); border-image: initial; margin-top: 0px; margin-bottom: 0px; border-radius: 3px; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); padding: 8px; font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; display: inline-block;" data-no-fixed-height="true"><input id="isf_p_16592" type="text" title="squ3n#https://asgct.higherlogic.com#/higherlogic/web" class="form_designer_text_input edit-element" style="width: calc(100% - 4px); display: inline-block; border: 1px inset transparent; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; padding-top: 0px; padding-bottom: 0px; pointer-events: unset;" value="" data-validation-engine="validate[optional,maxSize[500]]" placeholder="" name="isf_p_16592"></div></div></div><div><div style="position: absolute; top: 285px; left: 30px; cursor: text; border-radius: 4px;" class="form_designer_field" id="1D0DF855-9A47-63DE-0B24-744EF0F7469C_live"><div id="container1D0DF855-9A47-63DE-0B24-744EF0F7469C" class="" style="width: 85px; margin-bottom: 0px; margin-top: 0px; color: rgb(47, 46, 123); font-weight: bold; font-size: 16px; font-family: "Open Sans"; border-width: 1px 8px 1px 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 2px 8px 8px 2px; padding-right: 8px; margin-right: 8px; float: left; min-width: 50px; min-height: 10px; padding-top: 8.74074px; padding-bottom: 8.74074px; height: auto; line-height: 24px; letter-spacing: 0px;" data-no-fixed-height="true"><div id="editable_1D0DF855-9A47-63DE-0B24-744EF0F7469C" dataidval="1D0DF855-9A47-63DE-0B24-744EF0F7469C style=" width:="" 85px"="" "="" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="6" medium-editor-index="0e61279d-a723-0339-5625-a373d05ad97a" data-placeholder="Type your text">Last Name</div></div><div id="input1D0DF855-9A47-63DE-0B24-744EF0F7469C" class="form_designer_text_input" style="width: 235px; border-width: 1px; border-style: inset solid inset inset; border-color: rgb(156, 156, 156); border-image: initial; margin-top: 0px; margin-bottom: 0px; border-radius: 3px; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); padding: 8px; font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; display: inline-block;" data-no-fixed-height="true"><input id="isf_p_16593" type="text" title="squ3n#https://asgct.higherlogic.com#/higherlogic/web" class="form_designer_text_input edit-element" style="width: calc(100% - 4px); display: inline-block; border: 1px inset transparent; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; padding-top: 0px; padding-bottom: 0px; pointer-events: unset;" value="" data-validation-engine="validate[optional,maxSize[500]]" placeholder="" name="isf_p_16593"></div></div></div><div><div style="position: absolute; top: 350px; left: 30px; cursor: text; border-radius: 4px;" class="form_designer_field" id="email_live"><div id="containeremail" class="" style="display: inline-block; width: 85px; margin-bottom: 0px; margin-top: 0px; color: rgb(47, 46, 123); font-weight: bold; font-size: 16px; font-family: "Open Sans"; border-width: 1px 8px 1px 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 2px 8px 8px 2px; padding-right: 8px; margin-right: 8px; float: left; min-width: 50px; min-height: 10px; padding-top: 8.74074px; padding-bottom: 8.74074px; height: auto; line-height: 24px; letter-spacing: 0px;"><div id="editable_email" dataidval="email" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="3" medium-editor-index="e66f9fa4-57b3-9894-62b2-20a17ac38799" data-placeholder="Type your text">Email</div><span class="required_icon_edit" style="position: absolute; color: rgb(255, 0, 0); float: right;">*</span></div><div id="inputemail" class="form_designer_text_input" style="width: 235px; border-width: 1px; border-style: inset solid inset inset; border-color: rgb(156, 156, 156); border-image: initial; margin-top: 0px; margin-bottom: 0px; border-radius: 3px; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); padding: 8px; font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; display: inline-block;" data-no-fixed-height="true"> <input style="width: calc(100% - 4px); display: inline-block; border: 1px inset transparent; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); font-family: "Open Sans"; font-weight: normal; font-size: 15px; line-height: 24px; letter-spacing: 0px; padding-top: 0px; padding-bottom: 0px; pointer-events: unset;" id="isf_subscriber_email" class="form_designer_text_input edit-element" title="Email" value="" data-validation-engine="validate[required,custom[email]]" placeholder="" name="isf_subscriber_email"></div></div></div><div><div style="position: absolute; top: 420px; left: 145px; cursor: text; border-radius: 4px;" class="form_designer_field" id="submitButton_live"><div style="display: block; width: 100%; cursor: pointer;" id="container_submitButton"><div id="submitButton_button" style="width: 200px; height: 30px; word-break: break-all; display: table-cell; vertical-align: middle; color: rgb(0, 0, 0); font-family: "Open Sans"; border: 1px solid rgb(204, 204, 204); border-radius: 6px; margin-top: 0px; margin-bottom: 0px; padding: 10px; background-color: rgb(243, 39, 53); font-size: 18px; text-align: center; box-shadow: rgb(153, 153, 153) 2px 2px 2px; letter-spacing: 0px; line-height: 24px;" class="form_designer_button"><div id="editable_submitButton" class="form_designer_field_editable" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="4" medium-editor-index="5c39723d-0008-7cda-1184-6c86dbe3b2d0" data-placeholder="Type your text"><b style="">Submit</b></div></div><input name="submitButton" type="hidden" value="0" placeholder="0" id="submitButton" style="pointer-events: unset;"><input name="submitButton" type="hidden" value="12605" placeholder="0" id="submitButton" style="pointer-events: unset;"></div></div></div></div> </div> </form> <script> var inputs = Array.from(document.getElementsByTagName("input")); inputs.forEach(input => input.autocomplete="off"); document.getElementById("email").type="search"; document.getElementById("name").type="search"; </script> </div> </div>   <script type="text/javascript"> // A script to track the change of any form control inside the landing page. Sends a single HTTP request when user starts filling form. (function ($, document, formId, subscriberId) { $(document).ready(main); function main() { var landingPageContent = $("#landing_page_content"); var lpForms = $("form", landingPageContent); // added a context object as a second parameter to subquery inside landingPageContent if (!lpForms) { return console.info('Landing page contains no forms to track'); } attachEvents(); var handlerExecuting = false; // a flag to allow only one HTTP request at time var retryAttempts = 3; function handleFormChanged() { if (handlerExecuting) { return; } handlerExecuting = true; $.ajax({ url: "../form_started_process.asp", method: "POST", type: "POST", // defining post method twice to support different jQuery versions data: { formId: formId, subscriberId: subscriberId }, success: function () { detachEvents(); }, error: function () { retryAttempts -= 1; if (retryAttempts > 0) { handlerExecuting = false; // this way the request may be retried when user does more changes } } }); } function attachEvents() { $("input", lpForms).on("keypress touchend change", handleFormChanged); $("select", lpForms).on("change", handleFormChanged); } function detachEvents() { $("input", lpForms).unbind("keypress touchend change", handleFormChanged); $("select", lpForms).unbind("change", handleFormChanged); } } })($, document, 12605 , 0); </script>  </body> </html>