Revealing HTML on click

JavaScript
1

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.

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftest.com&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

How can I do this?

Thanks,

Jon

2

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.

3

Ok, how about if I use the following code:

<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>

They said it uses XFBML, whatever that is![LEFT][/LEFT]

4

Sorry but again no its not possible as both versions of the like button use an iframe.

5

On their website, there is a SDK for it.

JavaScript SDK - Facebook Developers

So there seems to be an event for the button click. Sadly, my javascript abilities are utter rubbish. I’m good with Visual Basic but not javascript.

Anyway, it seems to be possible.

Anyone glance at it and find an easy way to do this or is it all rather complex?