2012年4月24日火曜日

facebookアプリで高さを調節する(javascript SDK編)

facebookアプリで高さを調節するのにPHP編は以前ご紹介しましたが、
今回はjavascript編。

タグの前に以下のコードを追加したら、
コンテンツの高さに応じて自動で高さが調節されます。

---
<div id="fb-root"></div>
< script src="https://connect.facebook.net/en_US/all.js" > < /script>
< script type="text/javascript">
FB.init({
appId : ' your app ID ',
oauth : true,
});
FB.Canvas.setAutoGrow();
function growSize() {
var height = Number(
document.getElementById('myContent').style.height.split('px')[0])
+ 100;
document.getElementById('myContent').style.height = height + 'px';
}
</script>
---

your app IDのところはアプリのIDに変更することをお忘れなく!

0 件のコメント:

コメントを投稿