Advertisement
Guest User

Custom Mailchimp

a guest
Dec 22nd, 2010
367
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.12 KB | None | 0 0
  1. <!-- Begin MailChimp Signup Form -->
  2. <!--[if IE]>
  3. <style type="text/css" media="screen">
  4. #mc_embed_signup fieldset {position: relative;}
  5. #mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
  6. </style>
  7. <![endif]-->
  8. <!--[if IE 7]>
  9. <style type="text/css" media="screen">
  10. .mc-field-group {overflow:visible;}
  11. </style>
  12. <![endif]-->
  13. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  14. <script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.validate.js"></script>
  15. <script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.form.js"></script>
  16.  
  17. <div id="mc_embed_signup">
  18. <form action="http://YorkMSA.us2.list-manage.com/subscribe/post?u=7d0b195c37b6d47ec985b5c69&amp;id=5c0e8215f1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;">
  19. <fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #ccc;padding-top: 1.5em;margin: .5em 0;background-color: #fff;color: #000;text-align: left;">
  20. <legend style="white-space: normal;text-transform: capitalize;font-weight: bold;color: #000;background: #fff;padding: .5em 1em;border: 1px solid #ccc;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;"><span>join our new mailing list</span></legend>
  21. <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
  22. <label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address <strong class="note-required">*</strong>
  23. </label>
  24. <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
  25. </div>
  26. <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
  27. <label for="mce-FNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">First Name <strong class="note-required">*</strong>
  28. </label>
  29. <input type="text" value="" name="FNAME" class="required" id="mce-FNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
  30. </div>
  31. <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
  32. <label for="mce-LNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Last Name <strong class="note-required">*</strong>
  33. </label>
  34. <input type="text" value="" name="LNAME" class="required" id="mce-LNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
  35. </div>
  36. <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
  37. <label for="mce-MMERGE3" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Major <strong class="note-required">*</strong>
  38. </label>
  39. <input type="text" value="" name="MMERGE3" class="required" id="mce-MMERGE3" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
  40. </div>
  41. <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
  42. <label class="input-group-label" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">York U Student? <strong class="note-required">*</strong>
  43. </label>
  44. <div class="input-group" style="padding: .7em .7em .7em 0;font-size: .9em;margin: 0 0 1em 0;">
  45. <ul style="margin: 0;padding: 0;"><li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="Yes" name="MMERGE4" id="mce-MMERGE4-0" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-MMERGE4-0" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">Yes</label></li>
  46. <li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="Alumni" name="MMERGE4" id="mce-MMERGE4-1" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-MMERGE4-1" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">Alumni</label></li>
  47. <li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="No" name="MMERGE4" id="mce-MMERGE4-2" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-MMERGE4-2" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">No</label></li>
  48. </ul>
  49. </div>
  50. <div class="indicate-required" style="text-align: left;font-style: italic;overflow: hidden;color: #000;margin: 0 9% 0 0;">* indicates required</div>
  51. </div>
  52. <div align="center"><script type="text/javascript" src="http://YorkMSA.us2.list-manage.com/subscriber-count?b=2&u=7d0b195c37b6d47ec985b5c69&id=5c0e8215f1"></script></div><p style="font-size: 1.1em;margin-left: 30%;clear: left;">Powered by <a href="http://eepurl.com/bz6d1" title="MailChimp - email marketing made easy and fun" style="color: #CC6600;">MailChimp</a></p>
  53. <div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
  54. <div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: FBE3E4;color: #D12F19;"></div>
  55. <div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;"></div>
  56. </div>
  57. <div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"></div>
  58. </fieldset>
  59. <a href="#" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a>
  60. </form>
  61. </div>
  62. <script type="text/javascript">
  63. var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='MMERGE3';ftypes[3]='text';fnames[4]='MMERGE4';ftypes[4]='radio';var err_style = '';
  64. try{
  65. err_style = mc_custom_error_style;
  66. } catch(e){
  67. err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;';
  68. }
  69. var mce_jQuery = jQuery.noConflict();
  70. mce_jQuery(document).ready( function($) {
  71. var options = { errorClass: 'mce_inline_error', errorElement: 'div', errorStyle: err_style, onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} };
  72. var mce_validator = mce_jQuery("#mc-embedded-subscribe-form").validate(options);
  73. options = { url: 'http://YorkMSA.us2.list-manage.com/subscribe/post-json?u=7d0b195c37b6d47ec985b5c69&id=5c0e8215f1&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
  74. beforeSubmit: function(){
  75. mce_jQuery('#mce_tmp_error_msg').remove();
  76. mce_jQuery('.datefield','#mc_embed_signup').each(
  77. function(){
  78. var txt = 'filled';
  79. var fields = new Array();
  80. var i = 0;
  81. mce_jQuery(':text', this).each(
  82. function(){
  83. fields[i] = this;
  84. i++;
  85. });
  86. mce_jQuery(':hidden', this).each(
  87. function(){
  88. if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){
  89. this.value = '';
  90. } else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){
  91. this.value = '';
  92. } else {
  93. this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
  94. }
  95. });
  96. });
  97. return mce_validator.form();
  98. },
  99. success: mce_success_cb
  100. };
  101. mce_jQuery('#mc-embedded-subscribe-form').ajaxForm(options);
  102.  
  103. });
  104. function mce_success_cb(resp){
  105. mce_jQuery('#mce-success-response').hide();
  106. mce_jQuery('#mce-error-response').hide();
  107. if (resp.result=="success"){
  108. mce_jQuery('#mce-'+resp.result+'-response').show();
  109. mce_jQuery('#mce-'+resp.result+'-response').html(resp.msg);
  110. mce_jQuery('#mc-embedded-subscribe-form').each(function(){
  111. this.reset();
  112. });
  113. } else {
  114. var index = -1;
  115. var msg;
  116. try {
  117. var parts = resp.msg.split(' - ',2);
  118. if (parts[1]==undefined){
  119. msg = resp.msg;
  120. } else {
  121. i = parseInt(parts[0]);
  122. if (i.toString() == parts[0]){
  123. index = parts[0];
  124. msg = parts[1];
  125. } else {
  126. index = -1;
  127. msg = resp.msg;
  128. }
  129. }
  130. } catch(e){
  131. index = -1;
  132. msg = resp.msg;
  133. }
  134. try{
  135. if (index== -1){
  136. mce_jQuery('#mce-'+resp.result+'-response').show();
  137. mce_jQuery('#mce-'+resp.result+'-response').html(msg);
  138. } else {
  139. err_id = 'mce_tmp_error_msg';
  140. html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
  141.  
  142. var input_id = '#mc_embed_signup';
  143. var f = mce_jQuery(input_id);
  144. if (ftypes[index]=='address'){
  145. input_id = '#mce-'+fnames[index]+'-addr1';
  146. f = mce_jQuery(input_id).parent().parent().get(0);
  147. } else if (ftypes[index]=='date'){
  148. input_id = '#mce-'+fnames[index]+'-month';
  149. f = mce_jQuery(input_id).parent().parent().get(0);
  150. } else {
  151. input_id = '#mce-'+fnames[index];
  152. f = mce_jQuery().parent(input_id).get(0);
  153. }
  154. if (f){
  155. mce_jQuery(f).append(html);
  156. mce_jQuery(input_id).focus();
  157. } else {
  158. mce_jQuery('#mce-'+resp.result+'-response').show();
  159. mce_jQuery('#mce-'+resp.result+'-response').html(msg);
  160. }
  161. }
  162. } catch(e){
  163. mce_jQuery('#mce-'+resp.result+'-response').show();
  164. mce_jQuery('#mce-'+resp.result+'-response').html(msg);
  165. }
  166. }
  167. }
  168. </script>
  169. <!--End mc_embed_signup-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement