jquery .Plzz Help me

Question

How to make Facebook/Twitter sharing with JavaScript

Rajanikant Hawaldar · Answer

Hi Dear, Refer below code HTML: span class = "twitter-share" data-js = "twitter-share" > Share on Twitter span > span class = "facebook-share" data-js = "facebook-share" > Share on Facebook span > CSS: body { background : #57cff4 ; color : #fff ; font-family : sans-serif ; margin : 0 ; padding-top : 5em ; text-align : center ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .twitter-share, .facebook-share { background : #fff ; color : #57cff4 ; cursor : pointer ; display : inline- block ; padding : 1em 2em ; -webkit-border-radius: 6px ; border-radius: 6px ; &:hover { position : relative ; top: -1px ; } } JS: var twitterShare = document.querySelector( '[data-js="twitter-share"]' ); twitterShare.onclick = function (e) { e.preventDefault(); var twitterWindow = window.open( 'https://twitter.com/share?url=' + document.URL, 'twitter-popup' , 'height=350,width=600' ); if (twitterWindow.focus) { twitterWindow.focus(); } return false ; } var facebookShare = document.querySelector( '[data-js="facebook-share"]' ); facebookShare.onclick = function (e) { e.preventDefault(); var facebookWindow = window.open( 'https://www.facebook.com/sharer/sharer.php?u=' + document.URL, 'facebook-popup' , 'height=350,width=600' ); if (facebookWindow.focus) { facebookWindow.focus(); } return false ; }

Sivakumar Koneti · Answer

Lookover once https://www.jqueryscript.net/social-media/jQuery-Plugin-To-Generate-Custom-Social-Share-Links-sharing-jquery-js.html

jquery .Plzz Help me

Answers (2)