Social share links

social-share-links.html

<a data-js="social-share" target="_blank" href="https://twitter.com/share?url=http://example.com/page-url-here&text=The page title goes here&via=TWITTER_HANDLE_HERE">Twitter</a>

<a data-js="social-share" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://example.com/page-url-here">Facebook</a>

<a data-js="social-share" target="_blank" href="https://plus.google.com/share?url=http://example.com/page-url-here">Googleplus</a>

social-share-links.js

(function ($) {
 	var popupCenter = function(url, title, w, h) {
		// Fixes dual-screen position, Most browsers, Firefox
		var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left,
			dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top,
			width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width,
			height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height,
			left = ((width / 2) - (w / 2)) + dualScreenLeft,
			top = ((height / 3) - (h / 3)) + dualScreenTop,
			newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

		// Puts focus on the newWindow
		if (window.focus) {
			newWindow.focus();
		}
	};

	// Open social share windows in a popup
	$('[data-js="social-share"]').on('click', function(e) {
		var self = $(this);
		popupCenter(self.attr('href'), self.attr('title'), 580, 470);
		e.preventDefault();
	});
})(jQuery);