JS - share div content/teaser anstadt browser url
Eingetragen von Globetrotter (19)am 09.05.2014 - 14:49 Uhr in
Hallo zusamen
Ich beisse mir seit tagen an dem share42 module die Zähne aus.
Wen man es auf einer Seite einbaut wird es egal wo platziert immer den in der Adressliste stehenden link teilen.
Ich versuchte lange Zeit einen Weg zu finden um den "share-block" in einem teaser an zu zeigen, oder auch in einem Inhalt der aber in eine "view" eingebaut ist, es sollte dann nur dessen Inhalt teilen und nicht den der ganzen Seite auf der er gepostet ist.
Ich kam zum Schluss das dies in dem JS passieren muss und habe es mal versucht in Einzelteile zu zerlegen.
Ist dies möglich und wen ja sehr aufwendig zu andern?
Hier der code schnipsel (der eigentumer erlaubt die weiterverarbeitung)
window.onload=function(){e=document.getElementsByTagName('div');for(var k=0;k<e.length;k++){if(e[k].className.indexOf('share42init')!=-1){if(e[k].getAttribute('data-url')!=-1)u=e[k].getAttribute('data-url');if(e[k].getAttribute('data-title')!=-1)t=e[k].getAttribute('data-title');if(e[k].getAttribute('data-image')!=-1)i=e[k].getAttribute('data-image');if(e[k].getAttribute('data-description')!=-1)d=e[k].getAttribute('data-description');if(e[k].getAttribute('data-path')!=-1)f=e[k].getAttribute('data-path');if(!f){function path(name){var sc=document.getElementsByTagName('script'),
sr=new RegExp('^(.*/|)('+name+')([#?]|$)');for(var i=0,scL=sc.length;i<scL;i++){var m=String(sc[i].src).match(sr);if(m){if(m[1].match(/^((https?|file)\:\/{2,}|\w:[\/\\])/))return m[1];if(m[1].indexOf("/")==0)return m[1];b=document.getElementsByTagName('base');if(b[0]&&b[0].href)return b[0].href+m[1];else return document.location.pathname.match(/(.*[\/\\])/)[0]+m[1];}}return null;}f=path('share42.js');}if(!u)u=location.href;if(!t)t=document.title;function desc(){var meta=document.getElementsByTagName('meta');for(var m=0;m<meta.length;m++){if(meta[m].name.toLowerCase()=='description'){return meta[m].content;}}return'';}if(!d)d=desc();u=encodeURIComponent(u);t=encodeURIComponent(t);t=t.replace(/\'/g,'%27');i=encodeURIComponent(i);d=encodeURIComponent(d);d=d.replace(/\'/g,'%27');var fbQuery='u='+u;if(i!='null'&&i!='')fbQuery='s=100&p[url]='+u+'&p[title]='+t+'&p[summary]='+d+'&p[images][0]='+i;var s=new Array('
"#" data-count="fb" onclick="window.open(\'http://www.facebook.com/sharer.php?'+fbQuery+'\', \'_blank\', \'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0\');return false" title="Share on Facebook"',
'"#" data-count="pin" onclick="window.open(\'http://pinterest.com/pin/create/button/?url='+u+'&media='+i+'&description='+t+'\', \'_blank\', \'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=600, height=300, toolbar=0, status=0\');return false" title="Pin It"',
'"#" data-count="twi" onclick="window.open(\'https://twitter.com/intent/tweet?text='+t+'&url='+u+'\', \'_blank\', \'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0\');return false" title="Share on Twitter"',
'"#" onclick="window.open(\'https://plus.google.com/share?url='+u+'\', \'_blank\', \'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0\');return false" title="Share on Google+"','
"http://digg.com/submit?url='+u+'" title="Share on Digg"',
'"http://www.stumbleupon.com/submit?url='+u+'&title='+t+'" title="Share on StumbleUpon"',
'"#" onclick="window.open(\'http://www.tumblr.com/share?v=3&u='+u+'&t='+t+'&s='+d+'\', \'_blank\', \'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=450, height=440, toolbar=0, status=0\');return false" title="Share on Tumblr"',
'"http://www.feedburner.com/fb/a/emailFlare?loc=en_US&itemTitle='+t+'&uri='+u+'" title="Email this to a friend"');var l='';for(j=0;j<s.length;j++)l+='<a rel="nofollow" style="display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 6px 6px 0;padding:0;outline:none;background:url('+f+'icons.png) -'+24*j+'px 0 no-repeat" href='+s[j]+' target="_blank"></a>';e[k].innerHTML='<span id="share42">'+l+'</span>';}};};news#overlay=node/25- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, aus deinem Post ist
am 09.05.2014 - 15:25 Uhr
Hallo,
aus deinem Post ist schwer zu verstehen wo ein Fehler vorliegen soll.
Verstehe ich das richtig?
Du möchtest nur den Inhalt eines Nodes anzeigen aber nicht die Seite wo er angezeigt wird?
Meinst Du nicht das wären RSS Feeds besser geeignet?
Geh mal auf den Link, der Dir den Kontent so anzeigt wie Du es möchtest und share
von dort ;-)
MfG
Danke für die Antwort Also es
am 12.05.2014 - 09:44 Uhr
Danke für die Antwort
Also es besteht eigentlich kein Fehler.
Das Problem liegt darin das dieses Modul so funktioniert das wen jemand etwas teilt auf facebook oder einem anderen Service dann teilt es die URL die in der Adressliste steht.
Ich möchte es aber so umprogrammieren das es nicht die URL der Seite teilt sondern die URL des teasers/ sprich des Inhalts des divs wo sich der share button befindet.
Hallo, dazu musst Du ja erst
am 12.05.2014 - 11:32 Uhr
Hallo,
dazu musst Du ja erst einmal einen Link haben, der nur den Teaser anzeigt.
Gibt es in deiner Seite so einen URL?
Normalerweise gibt es vom Teaser einen direkten Link zum Node eg. (node/255)
aber nicht vom Node zum Teaser.
Ich glaube nun Deine Frage zu verstehen.
Du hast den Share Button auf einer Seite wo mehrere Nodes als Teaser dargestellt werden
und möchtest von dort aus Sharen.
Wäre Dein Share Button auf einem Node View würde er auch richtig geshared (eg. node/255)
Hier holt Dein Skript den URL zum sharen aus der Location Bar Deines Browsers:
if(!u)u=location.href;und genriert damit die Links zum Sharen.
Das was Du machen möchtest, kann somit mit diesem Skript nicht funktionieren.
Da diese Shares nichts anderes als Links sind, könntest Du diese in Deinem Template selber setzen.
Du benötigst die Node id zum verlinken auf den Node z.B:
http://www.tumblr.com/share?v=3&u=http://deineseite.com/node/255
MfG
Robert
Robert