[{"ID":"D35990CE-7E38-4E6A-B906-509FCDC2B0AC","title":"boutons sociaux simples js pur","tags":"filter html javascript social","date":"12\/04\/2016","timestamp":"1460476800","rss_date":"Tue, 12 Apr 2016 18:00:00 +0200","status":"public","dependency":"","source":"https:\/\/www.grafikart.fr\/tutoriels\/javascript\/boutons-partage-social-697","content":"<button class=\"button share_twitter\" data-url=\"http:\/\/....\">\r\n    Partager sur twitter\r\n<\/button>\r\n<button class=\"button share_facebook\" data-url=\"http:\/\/....\">\r\n    Partager sur facebook\r\n<\/button>\r\n<button class=\"button share_gplus\" data-url=\"http:\/\/....\">\r\n    Partager sur google+\r\n<\/button>\r\n<button class=\"button share_linkedin\" data-url=\"http:\/\/....\">\r\n    Partager sur linkedin\r\n<\/button>\r\n<script>\r\n(function(){\r\n\r\n    var popupCenter = function(url, title, width, height){\r\n        var popupWidth = width || 640;\r\n        var popupHeight = height || 320;\r\n        var windowLeft = window.screenLeft || window.screenX;\r\n        var windowTop = window.screenTop || window.screenY;\r\n        var windowWidth = window.innerWidth || document.documentElement.clientWidth;\r\n        var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n        var popupLeft = windowLeft + windowWidth \/ 2 - popupWidth \/ 2 ;\r\n        var popupTop = windowTop + windowHeight \/ 2 - popupHeight \/ 2;\r\n        var popup = window.open(url, title, 'scrollbars=yes, width=' + popupWidth + ', height=' + popupHeight + ', top=' + popupTop + ', left=' + popupLeft);\r\n        popup.focus();\r\n        return true;\r\n    };\r\n\r\n    document.querySelector('.share_twitter').addEventListener('click', function(e){\r\n        e.preventDefault();\r\n        var url = this.getAttribute('data-url');\r\n        var shareUrl = \"https:\/\/twitter.com\/intent\/tweet?text=\" + encodeURIComponent(document.title) +\r\n            \"&via=Grafikart_fr\" +\r\n            \"&url=\" + encodeURIComponent(url);\r\n        popupCenter(shareUrl, \"Partager sur Twitter\");\r\n    });\r\n\r\n    document.querySelector('.share_facebook').addEventListener('click', function(e){\r\n        e.preventDefault();\r\n        var url = this.getAttribute('data-url');\r\n        var shareUrl = \"https:\/\/www.facebook.com\/sharer\/sharer.php?u=\" + encodeURIComponent(url);\r\n        popupCenter(shareUrl, \"Partager sur facebook\");\r\n    });\r\n\r\n    document.querySelector('.share_gplus').addEventListener('click', function(e){\r\n        e.preventDefault();\r\n        var url = this.getAttribute('data-url');\r\n        var shareUrl = \"https:\/\/plus.google.com\/share?url=\" + encodeURIComponent(url);\r\n        popupCenter(shareUrl, \"Partager sur Google+\");\r\n    });\r\n\r\n    document.querySelector('.share_linkedin').addEventListener('click', function(e){\r\n        e.preventDefault();\r\n        var url = this.getAttribute('data-url');\r\n        var shareUrl = \"https:\/\/www.linkedin.com\/shareArticle?url=\" + encodeURIComponent(url);\r\n        popupCenter(shareUrl, \"Partager sur Linkedin\");\r\n    });\r\n\r\n})();\r\n<\/script>"}]