iframeをFBで非表示にするにはどうすればいいですか？

Question

私はこのコード（標準FBなど）を使用しています：

<div id="like"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></div> 

私は完全div（またはiframe）を非表示にする必要があるユーザーがそれをクリックしたとき。

onclickイベントを試しましたが、iframeの内部では機能しませんでした。

どうすればいいですか？

Answer 1

あなたはこのような何かを行うことができます：

HTML：

<div id="like"><iframe id="facebookFrame" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></div> 

Javascriptを：私はまだそれを行ってhaventは

document.getElementById('facebookFrame').contentWindow.document.body.onclick = 
function() { 
    // hide your iframe here or do whatever 
    document.getElementById('facebookFrame').style.display = "none"; 
    alert("iframe was clicked"); 
} 

Answer 2

。もしかしたらそれは、メインウィンドウのJS機能にアクセス

document.getElementById('facebookFrame').style.display = "none"; 

Answer 3

現実的に私はあなたの最善の策であることが考えて、その後、再ロードすることが文句を言わないこと

parent.frames[1].location.href -> set to own url plus #anyanchor 

のような優れたリソースhttp://softwareas.com/cross-domain-communication-with-iframes

を見つけましたもう1つ、今回は透明diviframeです。その上にクリックハンドラを設定します。

Answer 4

また、このソリューションを試すことができます。

FB.Event.subscribe('edge.create', function(href, widget) { 
     your call back function to hide the iframe 
});