facebookページ内の長さの違うページで遷移をさせたときのメモ。

自分の備忘録に近い、超マイナーな話です。
facebookページのiframeで長いページの下の方にあるSubmitやリンクを押したとき、
(例えば天地の長い入力欄があって、確認するというSubmitとか)
次のページが短いと、前ページの高さで遷移してしまい、白い画面になって「ココはドコ?」みたいになってしまいます。

それで2日間悩みました。

結局、なんだかスマートじゃない方法ですが、次の天地の短いページのTOPに意味のない入力欄を設け、そこにマウスをフォーカスするという手段を取りました。

<head>~</head>内には下記(jQueryを使ってないとして)。

<script type="text/javascript">
window.onload = function(){
    document.getElementById("topPage").focus();
}
</script>

BODYの下には下記。
もちろん意味が無いので見られないようにtext-indent: -9999em;で画面外に追いやってますが・・。

<div style="text-indent: -9999em;">
<form>
<input type="text" name="topPage" id="topPage" />
</form>
</div>

もっといい手があったらご教授ください。

ちなみにこの方(Facebookアプリ作成 – iFrame内での遷移 @AKIBE:)の方法も参考になるかと思います。


コメントを残す

メールアドレスが公開されることはありません。