Talk:Fb:share-button

From Facebook Developers Wiki

Jump to: navigation, search

Contents

[edit] setting default tab to "Send a Message" rather than "Post to Profile"

On my organization's website, we'd like to use the Share Button functionality (sharer.php) but to have the default tab be "Send a Message" rather than "Post to Profile". Is that possible? From looking at the source of the button Javascript (encodeURIComponent, etc.) I don't see an easy option for it.

146900075 16:05, 16 April 2008 (PDT) Evan Donovan Online Publications Editor, TechMission www.urbanministry.org/user/evandonovan evan@techmission.org

---

I also have the same need (need to set default tab to be "Send a Message" rather than "Post to Profile")... is it possible?

[edit] javascript question

Instead of using the <fb:share-button>, I am using the javascript code shown here (as given on the Posted Items application page): 

<script>function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;
}
</script>

The reason I'm using this is because I want to use my own icon for sharing instead of facebook's "Share" button. This works fine, except that I lose the nice popup dialog functionality -- instead it takes the user to a new page to share/post the link. Is it at all possible to get this to work with the contextual dialog popup (or to get the fb:share-button to take some other css style? I tried using my own class definition, but it seems to only take 'url' or 'meta')??

Answer: use CSS to override the look of the .share class
.share {
  display:block;
  float:left;
  width:12px;
  height:0px;
  padding:12px 0 0 0;
  margin:0;
  border:none;
  background:url(http://www.yoursite.com/images/icon.png);
  overflow:hidden;
} 
.share:hover {
  border:none;
  background:url(http://www.yoursite.com/images/icon.png);
}

Change the "12px" to the width/height of your icon.

[edit] how to add html tag to <meta name="description" content='<a href="">test</a>'>

who knows it?

[edit] How to add the image on the 'Share' button

I developed an application. On my profile page, there is a 'Share' button. When I click on it, though, there is no image (on the bottom of the popup, next to the text). How do I add the image here, because I thought that I added the image everywhere where I could find.

[edit] ERROR: need to specify one recipient

trying to use the share button but there are several bugs

1) in IE6: cannot enter any recipients in Firefox: can enter recipients but still get a dialog popup box saying "Must specify at least one recipient"

==> ANSWER: This error is caused by having more than one "share" type dialog on a single page. Not sure if there is a work-around.

2) multiple thumbnail images showing up in both IE and Firefox

Retrieved from "http://wiki.developers.facebook.com/index.php/Talk:Fb:share-button"