Facebook Like Button - How to Disable Comment Pop Up Box

Facebook Like Button - how to disable Comment pop up?

Putting the iframe in a appropriately sized div with overflow set to hidden resolved this issue - although this is only actually hiding the problem as such.

Facebook Like Button - how to disable Comment pop up box?

From http://developers.facebook.com/docs/reference/plugins/like/:

When will users have the option to add a comment to the like?

If you are using the XFBML version of the Like button, users will always have the option to add a comment. > If you are using the Iframe version of the button, users will have the option to comments if you are using > the 'standard' layout with a width of at least 400 pixels. If users do add a comment, the story published > back to Facebook is given more prominence.

Just use the iframe version of the button and set the width to less than 400 pixels.

Disable comment popup on facebook like button

This has already been answered in some other threads:

Facebook Like Button - how to disable Comment pop up box?

Facebook Like Button - how to disable Comment pop up?

Some answers might already be deprecated, but it´s worth a try. One solution that worked for me some months ago was to use the iframe-version and a width of less than 400px.

Facebook Like Button - how to disable Comment pop up box?

From http://developers.facebook.com/docs/reference/plugins/like/:

When will users have the option to add a comment to the like?

If you are using the XFBML version of the Like button, users will always have the option to add a comment. > If you are using the Iframe version of the button, users will have the option to comments if you are using > the 'standard' layout with a width of at least 400 pixels. If users do add a comment, the story published > back to Facebook is given more prominence.

Just use the iframe version of the button and set the width to less than 400 pixels.

Facebook HTML5 Like Button - Hide Comment Popup

Okay, I was able to create something that might help you.

Here's the JSFiddle: JSFiddle

What I basically did was I wrapped the like button in a div with hidden overflow. Only problem is, the comment box appears for a second right after loading the page, but goes away after. (it's still contained inside the div, but it covers up the like buttons for a second)

Another approach could be something like this: Changing iFrame elements

Where you would need to view the source and check Facebook's element id for the comment box. (looks like it's div#u_0_6._56zz._56z) Once you have the id you can try to .hide() or .css('display', 'none') Unfortunately, this id is really obscure and looks to me like it changes on a regular basis. So if it does change, your code obviously won't work.

The JSFiddle does seems to work. And it looks like your only sure option.

Stop comment box appearing when using a facebook like button

I've been trying to do the same. It's not pefect, but the only way I've found to work thus far is to use the following CSS:

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
  display: none !important;
}

Credit: https://stackoverflow.com/a/4871240/601299

---

Related Topics