Question

194

Facebook HTML5 Like Button - Hide Comment Popup

rated 0 times [ 197] [ 3] / answers: 1 / hits: 5081 / 10 Years ago, fri, april 25, 2014, 12:00:00

I need to disable the Say something about this popup box that is displayed after clicking the Facebook Like button.

The simple solution to this is to use the iFrame version of the Like button. However, my like page is hosted with woobox. I cannot change the like button from HTML5 to the iframe version but I do have access to add additional CSS and Javascript.

There have been a number of solutions posted to Stackoverflow but some users have pointed out that they no longer work Facebook Like Button - how to disable Comment pop up? I have tried all of these solutions and can confirm this.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

estefanib

Add To Favorites

Follow

Total Points: 508

Total Questions: 104

Total Answers: 83

Location: Lebanon

Member since Sun, Aug 2, 2020

4 Years ago

answered 10 Years ago deonkalvinw · Accepted Answer

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.