Search code examples
ajaxfacebook-comments

Different Facebook comment box after each ajax call


my problem is this: I've got a webpage that changes each time the user clicks the button. The title is updated, a graph. Seeing as the page now has different content, I would love to have a different commenting section. However, the url is exactly the same (because all of the content is ajax loaded) and so I'm wondering whether it is possible to have a new FB comment box be generated as well (it would need to be generated because there are hundreds of sets of content that the user can click through)?

Thanks.


Solution

  • Yes it is possible to generate a new comment box.

    After the AJAX call, you will need to remove the old comments box from the DOM, then insert a new one into the DOM and then call the javascript function FB.XFBML.parse(); to get Facebook to rerender it.