Page tree

CEF DIGITAL home page

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Content Layer
id194060368
Content Column
width34.339622%
id194060378
Content Block
margin0px 30px 0px 0px
id194060392

eDelivery

eID

eInvoicing

eSignature

eTranslation

All services

Content Column
width35.660374%
id194286055
Content Block
margin0px 30px 0px 0px
id194286057

About Building Blocks

About CEF

Governance

Grants

Support

Communities

Content Column
width30.0%
id194060382
Content Block
margin0px 0px 0px 30px
id194060397

News & Blog

 

Sign up to newsleter

HTML

<a href="#

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//europa.us13.list-manage.com/subscribe/post?u=9a428438959d4d20c2a84163b&amp;id=bc6ca47df5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9a428438959d4d20c2a84163b_bc6ca47df5" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="

dialog

mc-

show-newsletter">Newsletter</a>

embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->
HTML
<ul class="social-media-list">
	<li>
		<a href="http://twitter.com/EU_eGov" target="_blank" class="twitter"><span>Twitter</span></a>
	</li>
	<li>
		<a href="https://www.linkedin.com/groups/8552837" target="_blank" class="linkedin"><span>LinkedIn</span></a>
	</li>
</ul>
 
<style>
ul.social-media-list {
	list-style-type: none;
	padding-left: 0px;
}
.social-media-list li {
    padding-bottom: 10px;
}
.social-media-list li a {
    line-height: 2.2em;
}
ul.social-media-list li a span {
    padding-left: 45px;
    display: block;
}
ul.social-media-list li a.twitter span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left 0px;
}
ul.social-media-list li a.twitter:hover span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -55px;
}
ul.social-media-list li a.linkedin span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -110px;
}
ul.social-media-list li a.linkedin:hover span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -165px;
}
</style>

HTML Wrap
width100%

HTML
<a href="#" id="swp_isse_collector">
	<span style="color: rgb(236,236,236);">Something wrong with this page?</span>
</a>

HTML
<script type="text/javascript" 
		src="/cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script>

<script type="text/javascript">
$( document ).ready(function() {


window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, {
	
'904ad635': {
	// ==== custom trigger function ====
	triggerFunction : function( showCollectorDialog ) {
		$('#swp_isse_collector').on( 'click', function(e) {
if(showCollectorDialog !== undefined){
			e.preventDefault();
			showCollectorDialog();
}
		});
	},
fieldValues: {
        		description: window.location.href
    	}
}
});
});
</script>
HTML
<script type="text/javascript">
// Form Logic
// Form DOM present in .brikit.footer.beta
AJS.toInit( function ($) {
    // Shows the dialog from url
	if(window.location.hash) {
		if(window.location.hash.substring(1) === "dialog-show-newsletter") {
	        AJS.dialog2("#newsletter-dialog").show();
			ga('send', 'event', "Newsletter", "modal");
		}
	}
    // Shows the dialog when the "Show dialog" button is clicked
    $("#dialog-show-newsletter-cat").click(function(e) {
        e.preventDefault();
        AJS.dialog2("#newsletter-dialog").show();
		ga('send', 'event', "Newsletter", "modal");
    });
    $("#dialog-show-newsletter").click(function(e) {
        e.preventDefault();
		AJS.dialog2("#newsletter-dialog").show();
		ga('send', 'event', "Newsletter", "modal");
    });
    // Hides the dialog
    $("#dialog-close-newsletter").click(function(e) {
        e.preventDefault();
        AJS.dialog2("#newsletter-dialog").hide();
    });
    // Form submission
    var $form = $('form#newsletter');
    if ( $form.length > 0 ) {
        $('form#newsletter input[type="submit"]').bind('click', function (e) {
            e.preventDefault();
            if (validate_name()) {
                if (validate_email()) {
                    register($('form#newsletter'));
                } else {
                    var myFlag = AJS.flag({
                        type: 'error',
                        close: 'auto',
                        title: 'Error',
                        body: '<p>Please enter a valid email address.</p>'
                    });
                }
            } else {
                var myFlag = AJS.flag({
                    type: 'error',
                    close: 'auto',
                    title: 'Error',
                    body: '<p>Please enter a valid name.</p>'
                });
            }
        });
    }
    // Email check with regex
    function validate_email () {
        var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test($("#mce-EMAIL").val());
    }
    // Name check with value check
    function validate_name() {
        return $("#mce-NAME").val() != "";
    }
    // Register to mailchimp
    function register($form) {
        $.ajax({
            type        : 'GET',
            url         : 'https://europa.us13.list-manage.com/subscribe/post-json?u=9a428438959d4d20c2a84163b&amp;&id=bc6ca47df5&c=?',
            data        : $form.serialize(),
            cache       : false,
            dataType    : 'json',
            contentType : "application/json; charset=utf-8",
            error       : function(err) { alert("Could not connect to the registration server. Please try again later."); },
            success     : function(data) {
                if (data.result != "success") {
                    var myFlag = AJS.flag({
                        type: 'error',
                        close: 'auto',
                        title: 'Error',
                        body: data.msg
                    });
                } else {
                    AJS.dialog2("#newsletter-dialog").hide();

                    var myFlag = AJS.flag({
                        type: 'success',
                        close: 'auto',
                        title: 'Form Submitted',
                        body: '<p>Welcome to the CEFDIGITAL Newsletter, you will receive a confirmation email soon.</p>'
                    });
     
                    $( 'form#newsletter' ).each(function(){
                        this.reset();
                    });
 
					ga('send', 'event', "Newsletter", "subscribed");
                }
            }
        });
    }

});
</script>