愛車:マツダアテンザ
Webを中心とした、ビジネス&テクノロジーに関する思いつき
by F-shin
[ このサイトについて ] [ F-shinについて ] [ トップ ]
iPhoneアプリ
author:えふしん
photo_20.jpg
藤川真一について


初代モバツイ開発者
想創社再創業 / KMD博士課程
著書〜100万人から教わったウェブサービスの極意―「モバツイ」開発1268日の知恵と視点 [Kindle版]
お求めやすい夏休み特価!
このカテゴリ[Web系]の最新30件
本ブログは移転しました インターネットの遊び方を身につけよう ネットでの選挙活動と投票率 Web2.0がうまくいかなかったワケ WebにおけるMVCアーキテクチャの勃興と変遷 何故、PCはブラウザ、スマホはアプリなのか。 言っとくけどスマホは退化でもあるからな。 アイコン5000円とか、Web受注(発注)価格について。 残念なWeb論の骨子 HTMLってホントよく出来てるな。 「やまもといちろう×イケダハヤト対談イベント」のログを読んで ネットサービスの成功者は「とりあえず受託」という言葉使うのやめません? 全収集型RSSリーダーの終焉とソーシャル化するWeb 頑張ると報われるプログラマーの社会とは。 Perlが○○な話 アメリカ製品のすごさと不思議とワイヤフレーム どの人件費を考えても絶対にお得!利用規約ナイトがきっかけの本が出ます。 クラウドやモバイルを、もっと仕事で活用したいけど、どうやって会社を説得したら良いかわからない! スマホアプリらしいUXとは。 インターネットの変化に対して起こるモヤモヤすることを考え、整理する活動 Facebookは見なくてもいい情報が出てくるSNS 「あなたは影響力があるから、そんなことを言っちゃいけません」の問題点 Facebookに時間を取られすぎる対策 Paypalの本人確認がむかつく件 ネット系イベントがとても主催しやすくなった件 モバイルファーストが失敗なハズはないが、今はまだ時期尚早 やりがいはソートできない…非情なデータベース社会 2012年までのふりかえりと2013年へ ブラウザという平面の限界 ブログ記事の流通の難しさ
[このカテゴリをもっと見る]
Powered by
Movable Type

March 26, 2006

スポンサーリンク

Flashのページから、次のページに飛んで、戻るボタンで戻ってくるときに、ちゃんとFlashを元の状態に復帰してあげないと気持ち悪いと思うのですが、できればこういうのは標準装備して欲しいのと、ひょっとしてアーキテクチャを考える人にFlashが戻るボタンに対応する仕組みって知られてないのかなぁとか思ってみたので、サンプルを作ってみました。

今回紹介する方法は、フォームのhiddenに一旦、Flashの変数を退避しておいて、戻ってきたときにFlashに戻してあげる処理をして、あとはFlash側で復帰処理をしてあげればオッケーというものです。

サンプルはこちら

具体的な流れは、
1.Flashから任意のタイミングでJavaScriptを呼び出し、値を渡す。
2.値を受け取ったJavaScriptは、フォームに値をコピーする。(今回はhidden)
3.ページ遷移するリンクをFormのsubmitで遷移させる。(IEがこれをやらないとフォームの値を忘れるみたいで)
4.次の画面から戻るボタンで戻ってくる。
5.戻るボタンで戻ってきたことをJavaScriptで捕捉しておいて、値をFlashに復帰してあげる。
6.Flashは、受け取った初期値を使って、元の状態に戻す

という流れになります。ブラウザのリロードにも対応しています。

サンプルのソースはこちら

現状のサンプルは、IE以外で日本語を考慮していないのと、保存する値が次の画面にGETで送られてるので、それが気持ち悪い場合は、何か考えてあげる必要があります。
(画面遷移はPOSTを使えば良いような気もするし、日本語はFlashの中でJSONを使えば勝手にうまくやってくれそうな気がします)

また、この方法以外にFlashのShared Objectというクッキーのような機能を使って値を復帰してあげる手もあります。Flash派はこちらの方が簡単というか王道でしょうが、JavaScriptをメインで制御する方が親しみやすいかなと思ったので、今回の方法で紹介してみました。

スポンサーリンク
■同じカテゴリ[Web系]のエントリー
<<前の記事 テレビブログカンファレンス感想
>>次の記事 FlashおよびAjaxを戻るボタンに対応する
■このblogの書き込み最新3件
本ブログは移転しました インターネットの遊び方を身につけよう トトロが陽なら、『風立ちぬ』は陰?〜『風立ちぬ』の感想