WooBox を使用して、ページのカスタム タブを作成しました。このカスタム タブは、iFrame を使用してサーバー上の PHP ファイルを表示します。この PHP には、Firefox では機能するが Internet Explorer では機能しない Facebook 共有ボタンと Facebook 招待ボタンがあります。
問題のタブは次のとおりです。
PHP ファイルはかなり単純です。関連するビットをここに投稿します。
<?php header("p3p: CP=\"ALL DSP COR PSAa PSDa OUR NOR ONL UNI COM NAV HONK\"");?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
次に、タイトルとスタイル タグの 2 つのメタ タグを含む HEAD タグが続きます。
<script>
function fb_share(){
FB.ui({
method: 'feed',
name: 'Jardim Botânico UTAD',
caption: '',
link: 'http://facebook.com/utadjb',
picture: 'http://jb.utad.pt/img/site/logotipo200200.png',
description: 'Acabei de ver a página do facebook do Jardim Botânico UTAD!'
},
function(response){
if(response){
alert('Post was published.');
}else{
alert('Post was not published.');
}
});
}
function fb_invite(){
FB.ui({
method: 'apprequests',
message: 'Acabei de ver a página do facebook do Jardim Botânico UTAD em http://facebook.com/utadjb! Vê também!'
},
function(response){
if (response){
alert('Post was published.');
}else{
alert('Post was not published.');
}
});
}
</script>
この内部では、ボタンの呼び出し方法は次のとおりです。
<div id="share_posttowall" class="shareoption"><span>Partilhe no seu mural</span><a onclick="fb_share(); return false;" class="fbbluebutton" href="#">Partilhar</a></div>
<div id="share_sendinvite" class="shareoption"><span>Convide os seus amigos</span><a onclick="fb_invite(); return false;" class="fbbluebutton" href="#">Convidar</a></div>
これら 2 つのボタンが Internet Explorer で機能しない理由を知っている人はいますか? トラブルシューティングの可能性はすべて使い果たしました...