Commit b781610c authored by lucha's avatar lucha Committed by agata

Fixed Facebook button - Privacy Share Buttons

parent 874b2ad9
.social_share_privacy {clear:both; margin:0 auto; width:100%; margin-bottom:15px;}
.social_share_privacy_area {clear:both; margin:20px 0 !important; padding:0; height:25px; width:100%;}
.social_share_privacy_area li {margin:0 !important; padding:0; height:20px; float:left; list-style-type:none !important; list-style:none !important; background:none !important;}
.social_share_privacy_area li:before {content : "";}
.social_share_privacy_area li .dummy_btn {float:left; margin-left:10px; cursor:pointer; padding:0;}
.social_share_privacy_area li .dummy_btn img {border: 0px; background: none;}
/* Facebook begin */
.social_share_privacy_area .facebook {width: 180px;}
/* Facebook end */
.social_share_privacy_area .facebook {width: 175px;}
.social_share_privacy_area .facebook .fb_edge_comment_widget {width:400px;}
/* .social_share_privacy_area .facebook div.dummy_btn {width: 150px;}
*//* Facebook end */
/* Identica begin */
.social_share_privacy_area .identica {width:148px;}
......@@ -29,7 +29,7 @@
/* Flattr end */
/* Switch begin */
.social_share_privacy_area li .switch {display: inline-block; text-indent:-9999em; background:transparent url(../images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll; width:23px; height:12px; overflow:hidden; float:left; margin:4px 0 0; cursor:pointer;}
.social_share_privacy_area li .switch {display: none; text-indent:-9999em; background:transparent url(../images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll; width:23px; height:12px; overflow:hidden; float:left; margin:4px 0 0; cursor:pointer;}
.social_share_privacy_area li .switch.on {background-position:0 -12px;}
/* Switch end */
......
......@@ -46,12 +46,22 @@ var SocialButton = function(elements, options){
'dummy_img' : '',
'action' : 'recommend',
'iframe_src' : function (options){
return '<iframe src="//www.facebook.com/plugins/like.php?href='
+ options.uri
+ '&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false'
+ '&amp;action=' + options.services.facebook.action
+ '&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" '
+ 'style="border:none; overflow:hidden; width:130px; height:25px;" allowTransparency="true"></iframe>';
// return '<iframe src="//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=recommend&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:auto; width:450px; height:21px;" allowTransparency="true"></iframe>';
return '<div id="fb-root"></div>'
+'<script>(function(d, s, id) {'
+' var js, fjs = d.getElementsByTagName(s)[0];'
+' if (d.getElementById(id)) return;'
+' js = d.createElement(s); js.id = id;'
+' js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";'
+' fjs.parentNode.insertBefore(js, fjs);'
+'}(document, "script", "facebook-jssdk"));</script>'
+'<div class="fb-like" data-send="false" data-layout="button_count" data-width="400" data-show-faces="false" data-action="recommend"></div>';
// return '<iframe src="//www.facebook.com/plugins/like.php?href='
// + options.uri
// + '&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false'
// + '&amp;action=' + options.services.facebook.action
// + '&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" '
// + 'style="border:none; overflow:hidden; width:130px; height:25px;" allowTransparency="true"></iframe>';
}
},
'twitter' : {
......
(function(b){var a=function(d,c){this.elements=d;this.options=b.extend(true,{},this.defaults,c);if(!this.is_on()){return}this.append_css();this.attach()};a.prototype={defaults:{info_link:"http://cavallette.noblogs.org/?p=7641",txt_help:"When you activate these buttons by clicking on them, some of your personal data will be transferred to third parties and can be stored by them. For more information click on the <em> i </em>",settings_perma:"Permanently enable data transfer for:",css_path:"",uri:"",cookie_options:{path:"/",expires:365},services:{facebook:{display_name:"Facebook",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Facebook. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Facebook",txt_on:"connected with Facebook",dummy_img:"",action:"recommend",iframe_src:function(c){return'<iframe src="//www.facebook.com/plugins/like.php?href='+c.uri+"&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action="+c.services.facebook.action+'&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:25px;" allowTransparency="true"></iframe>'}},twitter:{display_name:"Twitter",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Twitter. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Twitter",txt_on:"connected with Twitter",dummy_img:"",reply_to:"",text:encodeURIComponent(document.title),iframe_src:function(d){var c=(d.services.twitter.reply_to!="")?"&amp;via="+d.services.twitter.reply_to:"";return'<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url='+d.uri+"&amp;counturl="+d.uri+"&amp;text="+d.services.twitter.text+c+"&amp;count=horizontal&amp;lang="+d.services.twitter.language+'" style="width:100px; height:25px;"></iframe>'}},identica:{display_name:"Identi.ca",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Identi.ca. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Identi.ca",txt_on:"connected with Identi.ca",dummy_img:"",text:encodeURIComponent(document.title),identica_lib:"",iframe_src:function(c){return'<iframe scrolling="no" frameborder="0" src="'+c.services.identica.identica_lib+"?noscript&style2&amp;title="+c.services.identica.text+'" allowtransparency="true" style="width:130px; height:25px; position: absolute;"></iframe>'}},gplus:{display_name:"Google+",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Google+. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Google+",txt_on:"connected with Google+",dummy_img:"",language:"en",iframe_src:function(d){var c=b('<div class="g-plusone" data-size="medium"></div>');var e='<script type="text/javascript">window.___gcfg = {lang: "'+d.services.gplus.language+'"}; (function() { var po = document.createElement("script"); po.type = "text/javascript";po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); <\/script>';return c.append(e)}}}},is_on:function(){var d=false;for(var c in this.options.services){var e=this.options.services[c];if(e.status=="on"){d=true;break}}return d},perma_is_on:function(){var d=false;for(var c in this.options.services){var e=this.options.services[c];if(e.status=="on"&&e.perma=="on"){d=true;break}}return d&&(!b.browser.msie||(b.browser.msie&&(b.browser.version>7)))},append_css:function(){if(this.options.css_path.length>0){if(document.createStyleSheet){document.createStyleSheet(options.css_path)}else{b("head").append('<link rel="stylesheet" type="text/css" href="'+options.css_path+'" />')}}},dummy_image:function(c){return b("<img/>",{src:c.dummy_img,alt:c.display_name+" Dummy Image","class":"dummy_img"})},switch_button:function(c,f){var e=b(".switch",b(f));var d=b("div.dummy_btn",b(f));if(e.hasClass("off")){b(f).addClass("info_off");e.addClass("on").removeClass("off").html(c.txt_on);d.html(c.iframe_src(this.options))}else{b(f).removeClass("info_off");e.addClass("off").removeClass("on").html(c.txt_off);d.html(this.dummy_image(c))}},attach:function(){var c=this;this.elements.each(function(){var g=b('<ul class="social_share_privacy_area"></ul>').appendTo(this);for(var f in c.options.services){var k=c.options.services[f];if(k.status!="on"){continue}var h=k.iframe_src(c.options);var e=b('<li class="help_info '+f+'"><span class="info">'+k.txt_info+"</span></li>").appendTo(g);b('<span class="switch off">'+k.txt_off+"</span>").appendTo(e);var d=b('<div class="dummy_btn"></div>').appendTo(e);d.append(c.dummy_image(k));e.click({serv:k,element:e},function(l){c.switch_button(l.data.serv,l.data.element)})}var e=b('<li class="settings_info"><div class="settings_info_menu off perma_option_off"><a href="'+c.options.info_link+'"><span class="help_info icon"><span class="info">'+c.options.txt_help+"</span></span></a></div></li>").appendTo(g);b(".help_info").each(function(){b(this).mouseenter(function(){if(!b(this).hasClass("info_off")){b(".info",this).show()}});b(this).mouseleave(function(){b(".info",this).hide()})});if(c.perma_is_on()){var j=e.find(".settings_info_menu").removeClass("perma_option_off");b('<span class="settings">Settings</span><form><fieldset><legend>'+c.options.settings_perma+"</legend></fieldset></form>").appendTo(j);for(var f in c.options.services){var k=c.options.services[f];if(!(k.status=="on"&&k.perma=="on")){continue}var i=(b.cookie("privacyShareButtons_"+f)=="perma_on")?'checked="checked"':"";j.find("form fieldset").append('<input type="checkbox" name="perma_status_'+f+'" id="perma_status_'+f+'" '+i+' /><label for="perma_status_'+f+'">'+k.display_name+"</label>");if(i!=""){b("li."+f+" span.switch",g).click()}}j.find("span.settings").css("cursor","pointer");j.find("span.settings").mouseenter(function(){j.removeClass("off").addClass("on")});e.mouseleave(function(){j.removeClass("on").addClass("off")});b(j.find("fieldset input")).click(function(n){var m=n.target.id;var l=m.substr(m.lastIndexOf("_")+1,m.length);var o="privacyShareButtons_"+l;if(b("#"+n.target.id+":checked").length){b.cookie(o,"perma_on",c.options.cookie_options);b("form fieldset label[for="+m+"]",g).addClass("checked")}else{b.cookie(o,null,c.options.cookie_options);b("form fieldset label[for="+m+"]",g).removeClass("checked")}})}})}};b.fn.socialShareButtons=function(c){new a(this,c);return this};b(document).ready(b(".social_share_privacy").socialShareButtons(socialshareprivacy_settings))})(jQuery);
\ No newline at end of file
(function(b){var a=function(d,c){this.elements=d;this.options=b.extend(true,{},this.defaults,c);if(!this.is_on()){return}this.append_css();this.attach()};a.prototype={defaults:{info_link:"http://cavallette.noblogs.org/?p=7641",txt_help:"When you activate these buttons by clicking on them, some of your personal data will be transferred to third parties and can be stored by them. For more information click on the <em> i </em>",settings_perma:"Permanently enable data transfer for:",css_path:"",uri:"",cookie_options:{path:"/",expires:365},services:{facebook:{display_name:"Facebook",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Facebook. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Facebook",txt_on:"connected with Facebook",dummy_img:"",action:"recommend",iframe_src:function(c){return'<div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, "script", "facebook-jssdk"));<\/script><div class="fb-like" data-send="false" data-layout="button_count" data-width="400" data-show-faces="false" data-action="recommend"></div>'}},twitter:{display_name:"Twitter",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Twitter. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Twitter",txt_on:"connected with Twitter",dummy_img:"",reply_to:"",text:encodeURIComponent(document.title),iframe_src:function(d){var c=(d.services.twitter.reply_to!="")?"&amp;via="+d.services.twitter.reply_to:"";return'<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url='+d.uri+"&amp;counturl="+d.uri+"&amp;text="+d.services.twitter.text+c+"&amp;count=horizontal&amp;lang="+d.services.twitter.language+'" style="width:100px; height:25px;"></iframe>'}},identica:{display_name:"Identi.ca",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Identi.ca. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Identi.ca",txt_on:"connected with Identi.ca",dummy_img:"",text:encodeURIComponent(document.title),identica_lib:"",iframe_src:function(c){return'<iframe scrolling="no" frameborder="0" src="'+c.services.identica.identica_lib+"?noscript&style2&amp;title="+c.services.identica.text+'" allowtransparency="true" style="width:130px; height:25px; position: absolute;"></iframe>'}},gplus:{display_name:"Google+",status:"off",perma:"on",txt_info:"2 click for more privacy: only if you click here, the button will activate and you will be able to send your recommendation to Google+. When enabled, data will be transferred to third parties - see <em> i </em>.",txt_off:"not connected with Google+",txt_on:"connected with Google+",dummy_img:"",language:"en",iframe_src:function(d){var c=b('<div class="g-plusone" data-size="medium"></div>');var e='<script type="text/javascript">window.___gcfg = {lang: "'+d.services.gplus.language+'"}; (function() { var po = document.createElement("script"); po.type = "text/javascript";po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); <\/script>';return c.append(e)}}}},is_on:function(){var d=false;for(var c in this.options.services){var e=this.options.services[c];if(e.status=="on"){d=true;break}}return d},perma_is_on:function(){var d=false;for(var c in this.options.services){var e=this.options.services[c];if(e.status=="on"&&e.perma=="on"){d=true;break}}return d&&(!b.browser.msie||(b.browser.msie&&(b.browser.version>7)))},append_css:function(){if(this.options.css_path.length>0){if(document.createStyleSheet){document.createStyleSheet(options.css_path)}else{b("head").append('<link rel="stylesheet" type="text/css" href="'+options.css_path+'" />')}}},dummy_image:function(c){return b("<img/>",{src:c.dummy_img,alt:c.display_name+" Dummy Image","class":"dummy_img"})},switch_button:function(c,f){var e=b(".switch",b(f));var d=b("div.dummy_btn",b(f));if(e.hasClass("off")){b(f).addClass("info_off");e.addClass("on").removeClass("off").html(c.txt_on);d.html(c.iframe_src(this.options))}else{b(f).removeClass("info_off");e.addClass("off").removeClass("on").html(c.txt_off);d.html(this.dummy_image(c))}},attach:function(){var c=this;this.elements.each(function(){var g=b('<ul class="social_share_privacy_area"></ul>').appendTo(this);for(var f in c.options.services){var k=c.options.services[f];if(k.status!="on"){continue}var h=k.iframe_src(c.options);var e=b('<li class="help_info '+f+'"><span class="info">'+k.txt_info+"</span></li>").appendTo(g);b('<span class="switch off">'+k.txt_off+"</span>").appendTo(e);var d=b('<div class="dummy_btn"></div>').appendTo(e);d.append(c.dummy_image(k));e.click({serv:k,element:e},function(l){c.switch_button(l.data.serv,l.data.element)})}var e=b('<li class="settings_info"><div class="settings_info_menu off perma_option_off"><a href="'+c.options.info_link+'"><span class="help_info icon"><span class="info">'+c.options.txt_help+"</span></span></a></div></li>").appendTo(g);b(".help_info").each(function(){b(this).mouseenter(function(){if(!b(this).hasClass("info_off")){b(".info",this).show()}});b(this).mouseleave(function(){b(".info",this).hide()})});if(c.perma_is_on()){var j=e.find(".settings_info_menu").removeClass("perma_option_off");b('<span class="settings">Settings</span><form><fieldset><legend>'+c.options.settings_perma+"</legend></fieldset></form>").appendTo(j);for(var f in c.options.services){var k=c.options.services[f];if(!(k.status=="on"&&k.perma=="on")){continue}var i=(b.cookie("privacyShareButtons_"+f)=="perma_on")?'checked="checked"':"";j.find("form fieldset").append('<input type="checkbox" name="perma_status_'+f+'" id="perma_status_'+f+'" '+i+' /><label for="perma_status_'+f+'">'+k.display_name+"</label>");if(i!=""){b("li."+f+" span.switch",g).click()}}j.find("span.settings").css("cursor","pointer");j.find("span.settings").mouseenter(function(){j.removeClass("off").addClass("on")});e.mouseleave(function(){j.removeClass("on").addClass("off")});b(j.find("fieldset input")).click(function(n){var m=n.target.id;var l=m.substr(m.lastIndexOf("_")+1,m.length);var o="privacyShareButtons_"+l;if(b("#"+n.target.id+":checked").length){b.cookie(o,"perma_on",c.options.cookie_options);b("form fieldset label[for="+m+"]",g).addClass("checked")}else{b.cookie(o,null,c.options.cookie_options);b("form fieldset label[for="+m+"]",g).removeClass("checked")}})}})}};b.fn.socialShareButtons=function(c){new a(this,c);return this};b(document).ready(b(".social_share_privacy").socialShareButtons(socialshareprivacy_settings))})(jQuery);
\ No newline at end of file
......@@ -26,13 +26,12 @@ stable.
1. Activate the plugin through the 'Plugins' menu in WordPress
1. Go to the configuration page of the plugins to choose which buttons to show (and where)
== Changelog ==
The buttons rendering could work very badly depending on your theme's CSS. I'm not very good at this, so if you can come up with a nicer way to show the buttons, I'll be glad to include it. If the buttons looks like half hidden on your theme, try adding these lines to your CSS:
= 0.1 =
* First version
.post {overflow: visible;}
.entry-content {overflow: visible;}
== Arbitrary section ==
== Changelog ==
You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated
plugins where more information needs to be conveyed that doesn't fit into the categories of "description" or
"installation." Arbitrary sections will be shown below the built-in sections outlined above.
\ No newline at end of file
= 0.1 =
* First version
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment