ちゃぶ台メモ - SWFAddressでFash内ページにURL付けてみる（2）

SWFAddressでFash内ページにURL付けてみる（2）

2008-05-25
flash

前回の記事のflaファイルについての説明。（説明するほどのものでもないですが…）
使用しているメソッドは基本的に以下の2つ。

SWFAddress.setValue()

URLを変更するときに使用。
例えばSWFAddress.setValue("about")とすると、URLが
http://～flashを置いてるURL#about
というように変わる。
単にURLを変えたいだけなら、これひとつでどうにかなります。ボタンを押したタイミングや、あるフレームに飛んだタイミングなど、URLを変更したいところでSWFAddress.setValue("なになに")と書くだけ。

SWFAddress.setTitle()

ページタイトルを変更するときに使用。
例えばSWFAddress.setTitle("blog | about")とすると、ページタイトルが
blog | about
に変わります。

以上2点を踏まえてflaファイルのスクリプトの解説。
　

PLAIN TEXT

ACTIONSCRIPT:

var title_obj:Object = {top:"", about:" | 会社概要", works:" | 制作実績", recruit:" | 採用情報"};
/////////////////////////////
function makeTitle(ttl:String):String {
if (title_obj[ttl] == undefined) {
return "SWFAddressテストサイト";
} else {
return "SWFAddressテストサイト"+title_obj[ttl];
}
}

3行目～11行目
ページタイトルを取得するためのスクリプト。
SWFaddressのサンプルファイルではだいたいページタイトルをsetValueで指定したvalue値をそのまま使っていますが、日本人なのでページタイトルには日本語を使いたい。でもsetValueで日本語は使えないので最初にtitle_objというオブジェクト作って、その中で全タイトルを指定しています。
　
13行目のSWFAddress.setStrict(false);はおまじないみたいなものでこれがないとちゃんと動きません。
　

PLAIN TEXT

ACTIONSCRIPT:

SWFAddress.onChange = function() {
var value = SWFAddress.getValue();
if (_currentframe == 1 && value == "") {
play();
} else {
gotoAndPlay("$"+value);
}
SWFAddress.setTitle(makeTitle(value));
};

14行目～23行目
setValueしたときは同時にflash内の同じ名前のフレームラベルの場所に飛びたい。ページのタイトルも変えたい。それらをいちいちボタンやフレームに書くのは面倒なので、onChangeイベントにまとめて書いておきます。onChangeイベントはsetValueを使ったときや、こんなふうにディープリンクへ直接飛んだときにも呼び出されるので便利です。
　
24行目以降は省略しますが、ボタンを押したらsetValueするように指定しています。

ドルマークについて

このflaファイルはSWFAddressのサンプルsamples/adobeフォルダ内のflaファイルを参考に作ったものです。ファイルの中のフレームラベルの名前は最初にドルマークがついたものになっており、わざわざ
gotoAndPlay("$"+value)
とこのような書き方でドルマークつきのフレームラベルへ飛ぶようになってます。なぜわざわざドルマークを使っているのでしょうか。
ドルマークを使わないとこのようになります。（flaファイル）一見ちゃんと動いているようですが、こんなかんじでディープリンクへ直接飛ぶと、ナビゲーションボタンが効かなくなっています。１フレーム目で指定したボタンへのイベント指定が飛ばされてしまっているようです。
ドルマークを使った場合はディープリンクへ直接飛んでもちゃんとナビゲーションボタンが効きます。なぜこうなるのかasファイルとかjsファイルをちゃんと読めばわかるのかもしれませんが、それは…、また今度がんばろうと思います。

SWFAddressでFash内ページにURL付けてみる（2）

SWFAddress.setValue()

SWFAddress.setTitle()

ドルマークについて

COMMENTS [3]