jquery .Plzz Help me

Hi Dear,

Refer below code

HTML:

CSS:

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;
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajanikant Hawaldar7y ago
Hi Dear,

Refer below code

HTML:
<span class="twitter-share" data-js="twitter-share">Share on Twitterspan>
<span class="facebook-share" data-js="facebook-share">Share on Facebookspan>
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;
}
+1
Sivakumar Koneti7y ago
Lookover once

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