Revealing HTML on click
Below is the code for a Facebook "Like" button. When I click the Like button, I would like it to show some html code below.
How can I do this?
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftest.com&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
What you want to accomplish can't be done because browsers don't allow for cross domain iframe manipulation/traversing/events etc... for security reasons.
Ok, how about if I use the following code:
They said it uses XFBML, whatever that is!
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://test.com" send="false" width="450" show_faces="false" action="like" font=""></fb:like>
Sorry but again no its not possible as both versions of the like button use an iframe.
On their website, there is a SDK for it.
Anyway, it seems to be possible.
Anyone glance at it and find an easy way to do this or is it all rather complex?