https://www.buhoblik.org.ua/kalkulyator/noindexscr/knopki-v-html.js

1function sharePageFB(){
2  let link = encodeURI(window.location.href);
3  let fullLink = `https://www.facebook.com/share.php?u=${link}`;
4  let open_width = window.screen.width;
5  if (open_width > 700)
6    open_width = 700;
7  window.open(fullLink, '', `scrollbar=yes, width=` + open_width + `, height=420`); 
8  return false;
9}
10
11function sharePageTG(){
12  let link = encodeURI(window.location.href);
13  let pageTitle = encodeURI(document.title);
14  let fullLink = `https://telegram.me/share/url?url=${link}&text=${pageTitle}`;
15  let open_width = window.screen.width;
16  if (open_width > 700)
17    open_width = 700;
18  window.open(fullLink, ``, `scrollbar=yes, width=` + open_width + `, height=420`); 
19  return false;
20}
21
22function closeShare(){
23  document.getElementById('sharebottom').innerHTML = '';
24}
25
26function save_link(){
27  navigator.clipboard.writeText(window.location.href)
28  document.getElementById('sharelinktext').innerHTML = '<div style="border: 2px solid black; padding: 4px;">Посилання скопійовано</div>';
29  setTimeout(e => { document.getElementById('sharelinktext').innerHTML = ''; }, 2000)
30}
31
32function show_FB(){
33  document.getElementById('sharebottom').innerHTML = '<div style="border: 2px solid black; padding: 0px;">' +
34    '<div onclick="closeShare()" style="float: right; margin-left: 4px; padding: 0px; background-color: #000000; color: #ffffff; cursor: pointer;">&nbsp;x&nbsp;</div>' + 
35    '<p style="text-align: center; line-height: 3; cursor: pointer; padding-left: 20px;" onclick="sharePageFB()" style="text-align: center;"><span style="padding: 8px; background-color: #000000; color: #ffffff; border-radius: 8px;">Поділитися у Facebook</span></p>' +
36    '<div style="text-align: center;">' + 
37    '<hr style="width: 30%; height: 1px; color: #000000; background-color: #000000; margin-left: auto; margin-right: auto;" />' +
38    '<p style="text-align: center;">Підпишіться на аналітику buhoblik.org.ua у соцмережах</p>' +
39    '<p style="text-align: center;"><a href="https://www.buhoblik.org.ua/rizni/facebook.html"><button style="cursor: pointer; width: 90px; padding: 5px; background-color: #404040; color: #ffffff; margin-right: 8px; margin-left: 8px; border-width: 0px; font-size: 16px;" >Facebook</button></a><a href="https://www.buhoblik.org.ua/rizni/telegram.html"><button style="cursor: pointer; width: 90px; padding: 5px; background-color: #404040; color: #ffffff; margin-right: 8px; margin-left: 8px; border-width: 0px; font-size: 16px;" >Telegram</button></a><a href="https://www.buhoblik.org.ua/uchet/organizacziya-buxgalterskogo-ucheta/3425-vse-video.html"><button style="cursor: pointer; width: 90px; padding: 5px; background-color: #404040; color: #ffffff; margin-right: 8px; margin-left: 8px; border-width: 0px; font-size: 16px;" >Youtube</button></a></p>' +
40    '</div>' +
41    '</div>';
42}
43
44function show_TG(){
45  document.getElementById('sharebottom').innerHTML = '<div style="border: 2px solid black; padding: 0px;">' +
46    '<div onclick="closeShare()" style="float: right; margin-left: 4px; padding: 0px; background-color: #000000; color: #ffffff; cursor: pointer;">&nbsp;x&nbsp;</div>' + 
47    '<p style="text-align: center; line-height: 3; cursor: pointer; padding-left: 20px;" onclick="sharePageTG()" style="text-align: center;"><span style="padding: 8px; background-color: #000000; color: #ffffff; border-radius: 8px;">Поділитися в Telegram</p>' +    
48    '<hr style="width: 30%; height: 1px; color: #000000; background-color: #000000; margin-left: auto; margin-right: auto;" />' +
49    '<p style="text-align: center;"><strong>Підпишіться на канал:</strong></p>' +
50    '<div style="margin-left: auto; margin-right: auto; text-align: center;"><iframe id="preview" style="border:0px;height:400px;width:96%;max-width:500px;margin:5px;box-shadow: 0 0 16px 3px rgba(0,0,0,.2);" src="https://xn--r1a.website/s/buhoblik_org_ua"></iframe>' + 
51    '</div>' +
52    '</div>';
53}
54
55document.getElementById('sharelink').addEventListener('click', save_link)
56document.getElementById('sharefacebook').addEventListener('click', show_FB)
57document.getElementById('sharetelegram').addEventListener('click', show_TG)