Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram

[hmy-k]

ajaxなページでブラウザバックを実現したいとき

[end0tknr]

[戻る]

[tsukkee]

iframeに戻るを吸収させて，みたいなの

[heiwaboke]

創作意欲がわいた

[webmarksjp]

javascript

[kunimiya]

<E:Shizuku>

[yoshiii]

もどるボタン。

[lesamoureuses]

javascriptでの戻るボタン。必要かな？

[Back]

iframeを使ってソース変化

[oooooooo]

<iframe id="bbFrame1" src="http://www.yahoo.co.jp"></iframe><script type="text/javascript">var bbFrame1 = document.getElementById("bbFrame1");

[robin1978]

つい戻るボタンを押しちゃうからこれほしいな

[klangfarbe]

ajax,javascript,js

[raitu]

iFrameを使う

[koyhoge]

Ajaxアプリの状態マーカーとして隠しIFRAMEにURLを記録

[saladdays]

戻るボタンを活用？でもiframeってのはあまり好みじゃないなぁ。

[iiiiiiiii]

Ajax

[mamimumi]

ブラウザバック

[mizunotori]

本筋とは関係ないけど、こういうのを実装するときはちゃんと「戻るボタンで戻れます」と書いておいてほしいなぁ。

[bwhr]

ほほう。アイデア。

[wacky]

不可視iframeを利用して、ブラウザの「戻る」「進む」ボタンをAjaxアプリで機能させるアイデア。

[t_43z]

あーなるほど、その手があったか。

[hassylin]

なやましい「戻る」の実装例

[zorio]

あと、一個前の状態を再表示できるようなローカルストレージも要るよな。

[adamrocker]

Ajaxの中身を知っているとブラウザで戻るが、一段階前の状態ではなく、ページが戻ってしまうのか分かるのですが、万人にその理解を求めるのは不可能。デフォルトの戻る機能のように戻れるようにしておくのが親切。

[hiromark]

一応メモ。