Sunteți pe pagina 1din 6

<style type="text/css">

/* MailChimp Form Embed Code - Classic - 08/17/2011 */


#newsletter{padding:10px;}
#mc_embed_signup h2{font-weight: normal!important;}
#mc_embed_signup form {display:block; position:relative; text-align:left; width:
350px; padding:10px 0 10px 2%;}
#mc_embed_signup input {border:1px solid #CCC; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #00BCE4; border: 0 none;
border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font
-size:15px; font-weight: bold; margin: 10px 5px 10px 0; padding: 10px 20px; tex
t-align: center; text-decoration: none; vertical-align: top; white-space: nowrap
; width: auto;}
#mc_embed_signup .button:hover {background-color:#009DBF;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padd
ing-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:
46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margin
s. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0
; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; paddin
g:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display
:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; paddin
g:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-u
s .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayf
ield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display
:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-r
ight:4%;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup
tyle:none;}
#mc_embed_signup
; margin:0;}
#mc_embed_signup
#mc_embed_signup
border:none;}

.mc-field-group.input-group ul {margin:0; padding:5px 0; list-s


.mc-field-group.input-group ul li {display:block; padding:3px 0
.mc-field-group.input-group label {display:inline;}
.mc-field-group.input-group input {display:inline; width:auto;

#mc_embed_signup div#mce-responses {overflow:hidden; clear: both;}


#mc_embed_signup div.response {padding:3%; font-weight:bold; float:left; width:8
9%; margin:10px 0;}
#mc_embed_signup #mce-error-response {color:#b94a48;background-color:#f2dede;bor
der:1px solid #eed3d7}
#mc_embed_signup #mce-success-response {color:#c09853;background-color:#fcf8e3;b

order:1px solid #fbeed5;}


#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left
:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em
5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; mar
gin-right:.5em; font-weight:bold;}
.mc-action-group{position: relative;}
#mc-embedded-unsubscribe{position: absolute; bottom:0; right:15px; font-size: 10
px; color:#666;}
#mc-embedded-subscribe{margin:0!important;}
</style>
<div id="newsletter" style="display:none;">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://bmit.us5.list-manage1.com/subscribe/post?u=b459182d6e75
eb444bab75096&amp;id=ccf3694f0a" method="post" id="mc-embedded-subscribe-form" n
ame="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<h2>Subscribe to our mailing list</h2>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mceEMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name <span class="asterisk">*</span>
</label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name <span class="asterisk">*</span>
</label>
<input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
</div>
<div class="mc-field-group">
<label for="mce-COMPANY">Company </label>
<input type="text" value="" name="COMPANY" class="" id="mce-COMPANY">
</div>
<div class="indicates-required"><span class="asterisk">*</span> indicates r
equired field</div>
<div id="mce-responses">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div
>
</div>
<div class="mc-action-group">
<a href="http://bmit.us5.list-manage2.com/unsubscribe?u=b459182d6e75eb444b
ab75096&id=ccf3694f0a" id="mc-embedded-unsubscribe" target="_blank">Unsubscribe
from newsletter</a>
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-su
bscribe" class="button">
</div>
</form>
</div>
<script type="text/javascript">
var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='e

mail';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnam
es[3]='COMPANY';ftypes[3]='text';
try {
var jqueryLoaded=jQuery;
jqueryLoaded=true;
} catch(err) {
var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.j
s';
head.appendChild(script);
if (script.readyState && script.onload!==null){
script.onreadystatechange= function () {
if (this.readyState == 'complete') mce_preload_check();
}
}
}
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
//conflict with MMFORMS PRO
if(!jQuery('.mmf-form').length)
head.appendChild(script);
var err_style = '';
try{
err_style = mc_custom_error_style;
} catch(e){
err_style = '#mc_embed_signup input.mce_inline_error{border-color:#6B0505;}
#mc_embed_signup div.mce_inline_error{margin: 0 0 1em 0; padding: 5px 10px; back
ground-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = err_style;
} else {
style.appendChild(document.createTextNode(err_style));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);
var mce_preload_checks = 0;
function mce_preload_check(){
if (mce_preload_checks>40) return;
mce_preload_checks++;
try {
var jqueryLoaded=jQuery;
} catch(err) {
setTimeout('mce_preload_check();', 250);
return;
}
try {
var validatorLoaded=jQuery("#fake-form").validate({});
} catch(err) {

setTimeout('mce_preload_check();', 250);
return;
}
mce_init_form();
}
function mce_init_form(){
jQuery(document).ready( function($) {
var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkey
up: function(){}, onfocusout:function(){}, onblur:function(){} };
var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
$("#mc-embedded-subscribe-form").unbind('submit');//remove the validator s
o we can get into beforeSubmit on the ajaxform, which then calls the validator
options = { url: 'http://bmit.us5.list-manage1.com/subscribe/post-json?u=b
459182d6e75eb444bab75096&id=ccf3694f0a&c=?', type: 'GET', dataType: 'json', cont
entType: "application/json; charset=utf-8",
beforeSubmit: function(){
$('#mce_tmp_error_msg').remove();
$('.datefield','#mc_embed_signup').each(
function(){
var txt = 'filled';
var fields = new Array();
var i = 0;
$(':text', this).each(
function(){
fields[i] = this;
i++;
});
$(':hidden', this).each(
function(){
var bday = false;
if (fields.length == 2){
bday = true;
fields[2] = {'value':1970};//trick b
irthdays into having years
}
if ( fields[0].value=='MM' && fields[1].va
lue=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
this.value = '';
} else if ( fields[0].value=='' && fields[1].value=='' &&
(fields[2].value=='' || (bday && fields[2].value==1970) ) ){
this.value = '';
} else {
if (/\[day\]/.test(fields[0].name)){
this.value = fields[1].value+'/'+f
ields[0].value+'/'+fields[2].value;
} else {
this.value = fields[0].value+'/'+f
ields[1].value+'/'+fields[2].value;
}
}
});
});
return mce_validator.form();
},
success: mce_success_cb
};
$('#mc-embedded-subscribe-form').ajaxForm(options);
});

}
function mce_success_cb(resp){
jQuery('#mce-success-response').hide();
jQuery('#mce-error-response').hide();
if (resp.result=="success"){
jQuery('#mce-'+resp.result+'-response').show();
jQuery('#mce-'+resp.result+'-response').html(resp.msg);
jQuery('#mc-embedded-subscribe-form').each(function(){
this.reset();
});
} else {
var index = -1;
var msg;
try {
var parts = resp.msg.split(' - ',2);
if (parts[1]==undefined){
msg = resp.msg;
} else {
i = parseInt(parts[0]);
if (i.toString() == parts[0]){
index = parts[0];
msg = parts[1];
} else {
index = -1;
msg = resp.msg;
}
}
} catch(e){
index = -1;
msg = resp.msg;
}
try{
if (index== -1){
jQuery('#mce-'+resp.result+'-response').show();
jQuery('#mce-'+resp.result+'-response').html(msg);
} else {
err_id = 'mce_tmp_error_msg';
html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div
>';
var input_id = '#mc_embed_signup';
var f = jQuery(input_id);
if (ftypes[index]=='address'){
input_id = '#mce-'+fnames[index]+'-addr1';
f = jQuery(input_id).parent().parent().get(0);
} else if (ftypes[index]=='date'){
input_id = '#mce-'+fnames[index]+'-month';
f = jQuery(input_id).parent().parent().get(0);
} else {
input_id = '#mce-'+fnames[index];
f = jQuery().parent(input_id).get(0);
}
if (f){
jQuery(f).append(html);
jQuery(input_id).focus();
} else {
jQuery('#mce-'+resp.result+'-response').show();
jQuery('#mce-'+resp.result+'-response').html(msg);
}
}

} catch(e){
jQuery('#mce-'+resp.result+'-response').show();
jQuery('#mce-'+resp.result+'-response').html(msg);
}
}
}
</script>
<!--End mc_embed_signup-->
</div>

S-ar putea să vă placă și