Javascript-Frage: Share-Button für Friendica

Alle weiteren Dienste, die nicht in die drei oberen Foren gehören.
Antworten
Benutzeravatar
desputin
Beiträge: 1272
Registriert: 24.04.2015 17:16:34

Javascript-Frage: Share-Button für Friendica

Beitrag von desputin » 29.07.2018 04:28:42

Hallo Ihr,
ich habe mir ein soziales Netzwerk mit Friendica selber aufgesetzt. Nun benötige ich einen Share-Button dafür.
Ich habe schon mal den Code von "AddToAny", dem Wordpress-Addons genommen, kriege den aber nicht richtig angepaßt.

Und zwar möchte ich, daß beim Klick auf den Share-Button der unten dargestellte Javascript-Code ausgeführt wird. DIe gesamte "Share-Html"-Code von Addtoany sieht so aus und darunter nur der Script-Code. Ich möchte einfach nur bei "OnClick" auf dieses Bild: https://politikvonunten.org/wp-content/ ... ilen-1.png den Code des Scriptes ausführen.

Wißt Ihr, wie der Html-Code für den Klick-Button genau heißen muß?

Viele Grüße
desputin

Code: Alles auswählen

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Friendica - AddToAny</title><style>body{background-color:#f7f7f7;color:#2a2a2a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:24px;margin:30px}form{margin:0;text-align:center;padding:50px}#site{background:#fff;border:1px solid #f7f7f7;border-radius:6px;font-family:inherit;font-size:17px;padding:6px;width:75%;-webkit-appearance:none}#site:focus{border:1px solid #ccc;outline:0}#site:hover{border:1px solid #ccc}#share_button{background:#0166ff;border:1px solid #f7f7f7;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;padding:8px;width:150px;-webkit-appearance:none}#share_button:hover{background:#3988ff}#share_button:active{border:1px solid #3988ff}</style><noscript></noscript></head><body><form id="f">Adresse Deines Friendica-Servers:<p style="margin:25px 0;padding:0;white-space:nowrap"><input autocapitalize="off" id="site" name="site" placeholder="https://www.BeispielFriendicaServer.de" type="text"></p><p style="margin:0;padding:0"><input id="share_button" type="submit" value="Teilen"></p></form><script>!function(a,i){var n=i.getElementById("site");n.value=function(e){for(var t,o=i.cookie.split("; "),a={},n=o.length-1;0<=n;n--)a[(t=o[n].split("="))[0]]=t[1];return a[e]?decodeURIComponent(a[e]):""}("diaspora_pod_location"),i.getElementById("share_button").onclick=function(e){if(e.preventDefault(),n.value.length<4)n.focus();else{var t=n.value.replace(/\/$/,"");!1===/^https?:\/\//.test(t)&&(t="http://"+t),a.open(t+"/bookmarklet?v=1&url=https%3A%2F%2Fpolitikvonunten.org%2F&title=&notes=","t","toolbar=0,resizable=1,scrollbars=1,status=1,width=720,height=570");var o=new Date;o.setDate(o.getDate()+730),i.cookie="diaspora_pod_location="+encodeURIComponent(t)+"; expires="+o.toGMTString()+"; domain=.addtoany.com; path=/"}},n.focus()}(window,document)</script></body></html>
und das entsprechende Script:

Code: Alles auswählen

<script>!function(a,i){var n=i.getElementById("site");n.value=function(e){for(var t,o=i.cookie.split("; "),a={},n=o.length-1;0<=n;n--)a[(t=o[n].split("="))[0]]=t[1];return a[e]?decodeURIComponent(a[e]):""}("diaspora_pod_location"),i.getElementById("share_button").onclick=function(e){if(e.preventDefault(),n.value.length<4)n.focus();else{var t=n.value.replace(/\/$/,"");!1===/^https?:\/\//.test(t)&&(t="http://"+t),a.open(t+"/bookmarklet?v=1&url=https%3A%2F%2Fpolitikvonunten.org%2F&title=&notes=","t","toolbar=0,resizable=1,scrollbars=1,status=1,width=720,height=570");var o=new Date;o.setDate(o.getDate()+730),i.cookie="diaspora_pod_location="+encodeURIComponent(t)+"; expires="+o.toGMTString()+"; domain=.addtoany.com; path=/"}},n.focus()}(window,document)</script>
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Benutzeravatar
desputin
Beiträge: 1272
Registriert: 24.04.2015 17:16:34

Re: Javascript-Frage: Share-Button für Friendica

Beitrag von desputin » 30.07.2018 15:42:09

Ich hab mich da jetzt etwas reingearbeitet. Wenn ich noch das eine Teilproblem gelöst kriege, dann funktioniert alles:
Das hier ist die Input-Box, die standardmäßig leer ist und in die aber die URL https://sozial.politik.... standardmäßig beim Laden der Seite eingefüllt werden muß:

Code: Alles auswählen

<input autocapitalize="off" id="site" name="https://sozial.politikvonunten.org" value="https://sozial.politikvonunten.org" type="url"></p>
Und diese Funktion hier greift das ausgefüllte Formular-Feld ab:

Code: Alles auswählen

<script>!function(a,i){var n=i.getElementById("site");n.value=function(e){for(var t,o=i.cookie.split("; "),a={},n=o.length-1;0<=n;n--)a[(t=o[n].split("="))[0]]=t[1];return a[e]?decodeURIComponent(a[e]):""}("diaspora_pod_location"),
...

Das Problem: Ich möchte, daß das Formularfeld vorausgefüllt ist mit http://sozial.poli...
Oder, daß anstelle eines Formulars einfach nur eine feste URL da steht, die dann abgegriffen wird vom "getElementById"-Befehl...

Wie krieg ich das hin?
Viele Grüße desputin
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Antworten