link-log powered by fullsizeimage.inc

Jul  23,  2007

swfobject.jsを使ってHTMLからswfに変数を渡す方法

以前、HTMLからswfに変数渡すのってどうすればいいのと
質問をされたので、
先日yamada君がFlashを呼び出すJSで書いていたswfobject.jsを使って
変数を渡すのをやってみました。簡単です。
HTMLからswfを渡す方法は2つあって、
<param name="movie" value="009_1.swf?testNum=linklog" /> <embed src="009_1.swf?testNum=linklog"...
○○○.swf?変数名=値と書く方法（サンプル1）と、

<param name="FlashVars" value="testNum=linklog" /> <embed src="009_2.swf" FlashVars="testNum=linklog"...
のようにFlashVarsを使って、
param name="FlashVars" value="変数名=値"のように書く方法（サンプル2）と
2つあります。
○○○.swf?変数名=値と書くのは昔のやり方なのかな。

続きはこちら

で上記をswfobject.jsを使ってやる場合は、
<script type="text/javascript" src="swfobject.js"></script> 中略 <div id="flashcontent"> 最新のFlash Playerをインストールしてください。 </div> <script type="text/javascript"> var so = new SWFObject("009_3.swf", "swfl", "550", "400", "7", "#000000"); //ここに渡したい変数名を記述 so.addVariable("testNum", "link-log"); so.write("flashcontent"); </script> </object>
のように書けばいいだけです。（サンプル3）addVariableで
パラメーターを追加してあげるだけ。
素晴らしい！

さらに、URLにパラメーターくっつけて、Flashの任意のページに
リンクで飛ばしたい場合なんかは、
<script type="text/javascript" src="swfobject.js"></script> 中略 <div id="flashcontent"> 最新のFlash Playerをインストールしてください。 </div> <script type="text/javascript"> var so = new SWFObject("009_3.swf", "swfl", "550", "400", "7", "#000000"); //ここに渡したい変数名を記述 so.addVariable("testNum", getQueryParamValue("testNum")); so.write("flashcontent"); </script> </object>
という具合に、addVariableの引数にURL経由で値を受け取った値をつっこめばOK。(サンプル3-2)
getQueryParamValueという関数が用意されているので、簡単です。
これでバージョン判定も、変数の受け渡しも楽勝です。
flaファイルダウンロード

Kawata ： 3:51 AM