{"id":233175,"date":"2023-02-06T18:48:00","date_gmt":"2023-02-06T15:48:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233175"},"modified":"2023-02-09T16:03:20","modified_gmt":"2023-02-09T13:03:20","slug":"jak-dodac-menu-rozwijane-udostepniania-po-kazdym-poscie-skrypt-javascript","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/jak-dodac-menu-rozwijane-udostepniania-po-kazdym-poscie-skrypt-javascript\/","title":{"rendered":"Jak doda\u0107 menu rozwijane udost\u0119pniania po ka\u017cdym po\u015bcie? (Skrypt JavaScript)"},"content":{"rendered":"

Poni\u017csza lista rozwijana umo\u017cliwiaj\u0105ca udost\u0119pnianie bie\u017c\u0105cego posta w wielu witrynach jest dodawana do bloga WordPress (mo\u017cesz r\u00f3wnie\u017c doda\u0107 j\u0105 do w\u0142asnej witryny).<\/p>\n

share-dropdown-list-javascript<\/p>\n

Kod JavaScript i HTML wygl\u0105da nast\u0119puj\u0105co i mo\u017cna go doda\u0107 do miejsca, w kt\u00f3rym wy\u015bwietlane s\u0105 artyku\u0142y (np. single.php w szablonie wordpress).<\/p>\n

<script language=\"Javascript\">\nfunction openlink(link) {\n\u00a0 \u00a0 if (link) {\n\u00a0 \u00a0 \u00a0 \u00a0 var title = document.title.split(\" | \")[0];\n\u00a0 \u00a0 \u00a0 \u00a0 var url = window.location;\n\u00a0 \u00a0 \u00a0 \u00a0 var x = \"\";\n\u00a0 \u00a0 \u00a0 \u00a0 if (link == \"milnk\") {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = \"<a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/milnk.com\/link\/submit?u=\" rel=\"nofollow\"><span>http<\/span><span>:\/\/<\/span><span>milnk<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>link<\/span><span>\/<\/span><span>submit<\/span><span>?<\/span><span>u<\/span><span>=<\/span><\/a>\" + encodeURIComponent(url) + \"&t=\" + encodeURIComponent(title);\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 else if (link == \"wayback\") {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = \"<a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/web.archive.org\/save\/\" rel=\"nofollow\"><span>http<\/span><span>:\/\/<\/span><span>web<\/span><span>.<\/span><span>archive<\/span><span>.<\/span><span>org<\/span><span>\/<\/span><span>save<\/span><span>\/<\/span><\/a>\" + url;\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 if (x) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 window.open(x);\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}\n<\/script>\n<select onchange=\"javascript:openlink(this.value)\">\n<option selected=\"\">Share This to...<\/option>\n<option value=\"milnk\">Milnk<\/option>\n<option value=\"wayback\">Wayback Machine<\/option><\/select><\/code><\/pre>\n
Bie\u017c\u0105cy adres URL jest uzyskiwany przez JavaScript window.location<\/strong>, a tytu\u0142 jest pobierany za pomoc\u0105 document.title<\/strong>. Funkcja encodeURIComponent<\/strong> s\u0142u\u017cy do kodowania znak\u00f3w specjalnych w ci\u0105gu adresu URL.<\/p>\n
Aby w\u0142\u0105czy\u0107 wi\u0119cej opcji (udost\u0119pniania witryny), wystarczy odpowiednio doda\u0107 wi\u0119cej instrukcji if. Aby to zobaczy\u0107, wy\u015bwietl \u017ar\u00f3d\u0142o HTML bie\u017c\u0105cej strony, a zobaczysz pe\u0142n\u0105 list\u0119 opcji udost\u0119pniania.<\/p>\n
Aktualizacja: 01.02.2016 Prosty kod AddThis jest dost\u0119pny na github: (Dodaj opcje Tumblr<\/a> i QR code )<\/a><\/p>\n
https:\/\/github.com\/DoctorLai\/addthis<\/a><\/p>\n
Stosowanie:<\/p>\n
<script>\nvar sharedropdown_english = true; \/\/ Set false if using Chinese\nvar sharedropdown_rss = null; \/\/ Feed URL subscription\n<\/script>\n<div id=\"sharedropdown\"> <\/div>\n<div id=\"sharedropdown_qr\"> <\/div>\n<script src=\"<a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/helloacm.com\/js\/addthis.js\" rel=\"nofollow\"><span>https<\/span><span>:\/\/<\/span><span>helloacm<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>js<\/span><span>\/<\/span><span>addthis<\/span><span>.<\/span><span>js<\/span><\/a>\" async><\/script><\/code><\/pre>\n
\u0179r\u00f3d\u0142o nagrywania:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Jak doda\u0107 menu rozwijane udost\u0119pniania po ka\u017cdym po\u015bcie? (Skrypt JavaScript)<\/p>\n","protected":false},"author":1,"featured_media":224548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[732,897,845,866],"tags":[1169],"class_list":["post-233175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-7","category-kod","category-samouczki","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/233175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=233175"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/233175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=233175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=233175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=233175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}