Want more features on Pastebin? Sign Up, it's FREE!
Guest

Custom Mailchimp

By: a guest on Dec 22nd, 2010  |  syntax: None  |  size: 11.12 KB  |  views: 326  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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-->
clone this paste RAW Paste Data