FlashからPHPへの変数の渡し方について

Question

初めまして。beterugiusと申します。ご質問したいのですが、まず、上下２フレームのindex.phpファイルがあります。 FLASHファイル（top_image.fla）は、シングルフレームのjpegイメージ（三枚の画像をPhotoShopで合成して、一枚のイメージにしてある。）です。その.flaファイルを書き出した、.swfコンテンツ上をマウスが移動すると、コンテンツ上のどの部分にマウスがあるかで、下フレームのTHMLが切り替わるようにしたいので、top_image.swf から、index.phpに対して、GETメソッドでページ番号の変数自身を渡したいのですが、実際にFLASHコンテンツ上をマウスで動かしてみると、ブラウザのアドレス欄に、GETメソッドのクエリー文字列の「?」だけは追加されているのですが、肝心の変数が渡されておらず、下フレームのHTMLも切り替わりません。どうすればちゅんと動くのか、どなたかご回答いただけないでしょうか？ -------------------------------------------------------------- 「top_image.fla」 var sendObj:LoadVars = new LoadVars(); var page:Number; function onMouseMove(){ var x:Number = top_image._x; // グラフィックの中心座標 var y:Number = top_image._y; if( 0 <= y && y <= 316 ){ if( 0 <= x && x <= 255 ){ page = 1; sendObj.send("../php/index.php", "page", "GET"); } else if( 256 <= x && x <= 512 ){ page = 2; sendObj.send("../php/index.php", "page", "GET"); } else if(513 <= x && x <= 766 ){ page = 3; sendObj.send("../php/index.php", "page", "GET"); } } } -------------------------------------------------------------- 「index.php」 ActionScript2.0 "); break; case 2: print(""); break; case 3: print(""); break; } if(is_null($page)){ // $page変数の中身がNULL（未定義）の場合 print(""); } ?> -------------------------------------------------------------

perse · Accepted Answer

[#1の訂正]
すみませんが#1の訂正です。
getURLでは"GET","POST"のどちらで送っても同階層の変数を全て送るようです。
ですので#1で書いた

p = 1;
url = "../php/index.php?page="+p
getURL(url,"_top", "GET");

は間違いで正しくは

getURL(url,"_top")

でした。

(1)
どういうASを書いてたのかわからないのでなんとも言えません。

(2)
ムービープレビューで実行してませんか？
確認するときはブラウザウィンドウでテストしてください

(3)
IEの使用です。こちらのサイトを参考にしてみてください。

ブラウザの更新に備えたアクティブコンテンツ使用Webサイトの準備
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html

これで破線枠はでなくなりますが、
Flash内を一度クリックしないとキーダウンやマウスオーバーは
機能しなかったような気がします(未確認です)

(4)
下のフレームの名前をbottomとします

○PHP側が$_GET['page']の場合

getURL("index.php?page=1","bottom");

または

page=1;
getURL("index.php","bottom","GET");

○PHP側が$_POST['page']の場合

page=1;
getURL("index.php","bottom","POST");

でいけると思います。
冒頭で訂正したとおり、getURLで"GET","POST"を指定した場合
同階層にある関数や変数も一緒に送られてしまいます。

余計なものを送りたくないときはLoadVarsを使用します。

○PHP側が$_GET['page']の場合

var sendObj = new LoadVars();
sendObj.page = 1;
sendObj.send("index.php","bottom","GET");

○PHP側が$_POST['page']の場合

var sendObj = new LoadVars();
sendObj.page = 1;
sendObj.send("index.php","bottom","POST");

perse · Answer

>top_imageのMCのサイズをもう少し
>上下左右とも大きくすればよいのでしょうか？
どうしてそう思われたのでしょうか？
前にも書いたようにtop_image上(ボタンと重なっていない所)
をマウスが通らなければ意味がありません。


ということで今までのことは全部忘れて違う方法です。
image1,image2,image3はボタンではなくてMCにしてください。
image1,image2,image3は_rootにある前提で記述しています。

this.stop();
//送信フラグ trueなら送信OK
sendOK = true;
Hit = false;
//image1,image2,image3上にマウスがあるかどうか。
Hit = Hit || image1.hitTest(_root._xmouse, _root._ymouse);
Hit = Hit || image2.hitTest(_root._xmouse, _root._ymouse);
Hit = Hit || image3.hitTest(_root._xmouse, _root._ymouse);
if (Hit) {
//マウスがimage1～image3どれかの上にあるときHitがtrueとなりここを通る
//送信フラグをfalseにする
sendOK = false;
}
//image1,image2,image3からマウスが外れたとき送信フラグtrueにする
//(image1からimage2などのMC間で移動してもtrueになる)
image1.onRollOut = image2.onRollOut=image3.onRollOut=function () {
sendOK = true;
};

image1.onRollOver = function() {
if (sendOK) {
//ここにphpにデータを送る処理を記述
}
};
image2.onRollOver = function() {
if (sendOK) {
//ここにphpにデータを送る処理を記述
}
};
image3.onRollOver = function() {
if (sendOK) {
//ここにphpにデータを送る処理を記述
}
};

簡単に説明すると
swfが表示された時(再表示されたとき含む)に
image1,image2,image3上にマウスがあった場合sendOK=falseにします。
sendOK=falseの間はimageボタンの処理は無効です。
sendOK=trueになるのはそのimageからマウスが外れた(onRollOver)時です。


確認はブラウザでしてください。
私の環境ではこのASを1フレーム目に書くと
_root._xmouseの値が正しく取得できず0になっていました。
3フレーム目に書いて正しく取得できたので
あなたの環境に合わせてこのASを書くフレームを変えてみてください。
ブラウザ確認だとtraceは使えませんのでテキストフィールドにでも
_root._xmouseを出力して確認してみてください。

perse · Answer

(1)
_rootとは一番上の階層のタイムラインのことです。
一応聞いときますがtrace(_root)はundefinedにはなりませんよね？

インスタンス名をtop_imageに変えたのなら
trace(_root.top_image)にしてください。

(2)
ステージと言っているのはFlashの描画領域のことです。
swfの縦横サイズと同じ大きさのMCを作ってくださいと言う事です。

ちょっと疑問に思ったのですがボタンの大きさはどのくらいなんですか？


□□□□□□□□□□□□□
□■■■□■■■□■■■□
□■■■□■■■□■■■□
□■■■□■■■□■■■□
□□□□□□□□□□□□□

白い部分がステージ
黒い部分がボタン

だとして上の図の様なステージが見えるくらいの大きさなら問題ないのですが
3つのボタンでステージが見えないくらい埋まってしまう大きさなら

>マウスがボタン以外のところを通らなければボタンのRollOverを起こさない。

という方法が使えないですね。
(「マウスがボタン以外のところを通る」ことが無いから)

perse · Answer

(1)
stageというMCを_rootに置きましたか？
stage.onRollOver = function() {
_root.Over = true;
};
は記述していますか？
インスタンス名は付けましたか？
trace(_root.stage)で_root.stageが存在しているか確認してください。

(2)
ボタンの上にマウスがある状態でページ更新された場合、
再びRollOverが起きてしまうのでswfが表示された後に
マウスがボタン以外のところを通らなければボタンのRollOverを起こさない。
という目的だったと思います。
ボタン以外のところ＝stageというMC上です。
ですので当然ボタンの下に配置します。
上に配置したらボタンが押せなくなってしまいますよ。

(3)
モーショントゥイーンを使用しないならレイヤーを分ける必要はありません。
モーショントゥイーンを使用する場合は1レイヤーに1シンボルです。
シンボルと言うのはMCやボタン、グラフィックのことです。

(4)
インスタンス名は開発者が決めるものです。何でもかまいません。
インスタンス名を変えた場合はスクリプトも書き換えなければなりません。
stage.onRollOver = function() {}の部分。


>sendObj.send(url, "terop", "GET");
sendの2番目はヘルプによると
>応答を表示するブラウザウィンドウまたはフレーム。
ですよ。いままでは"_self"と書いていたと思いますが…。
ボタンRollOver時にボタンごとに表示したい(HTMLの)フレームを変えたいのであれば
sendObj.send(url, terop, "GET");のようにteropは変数にしなければなりません。
それに"_self"でないのであれば(2)で説明したように
マウスがボタン以外のところを通らなければボタンのRollOverを起こさない様にする処理は
不必要になると思います。

回答するたびに仕様が変わっているような気がします。
(フレーム無かったり2つだったり3つだったり。)
私は
・フレームは無い
・Flashタグを含めHTML部分は全てphpで記述
・Flash上のボタンをRollOverしたら番号(ページ番号)をphpに送る
ってことがやりたいんだと思って回答していますがあっていますか？

perse · Answer

>パスは合ってるのに、なぜかtop_image3.swfだけが読み込まれませんでした。

top_image3.swfが表示されるはずの場所で右クリックしたときに
「ムービーをロードできません」と出るのであれば
パスが間違っているかswfが無いかだと思います。


>MCって、ムービークリップであればなんでもいいんですよね？

ムービークリップであれば何でもかまいません。

>if(Over)もやってみたのですが、
>こちらはGETで変数が渡っていませんでした。
if(Over){ }の中を通っていないという意味でしょうか？

Overがtrueでなければ通りません。
trace(Over)で値を確認してください。
falseやundefinedであればstage.onRollOver = function() { }の中を
通っていないことになります。
trace(_root.stage)で_root.stageが存在しているか確認してください。

いろんなところにtrace()を書けばどの部分でうまくいっていないかがわかると思います。

perse · Answer

(2)
>top_image3.swfが表示されません。
今まで表示されて表示場所を変えたことで表示されなくなったのであれば
パスが間違っているとかではないでしょうか？

(3)
ムービークリップの略です。


>何回か同じボタン上で、ページが書き換わってしまいます
の原因はなんだったのでしょう。

perse · Answer

(1)
>何回か同じボタン上で、ページが書き換わってしまいます

もしかしたら、
・ボタンにマウスをのせる RollOver発生
　　　　↓
・sendObj.send( url, "_self", "GET" )でページが再表示される
　　　　↓
・そのときにマウスがボタンの上にあるので再びRollOverが発生
ってことになってませんか？

これが原因なら解決策は

・RollOverをやめる
・フレームを分ける
・マウスが一度ボタン以外のところを通るまでRollOverを有効にしない。

3つ目のは例えばステージと同じ大きさのstageというMCを作って
image1.onRollOver = function() {
if (Over) {
sendObj.page = 1;
url = "../php/index.php";
sendObj.send( url, "_self", "GET" );
}
};

stage.useHandCursor = false; //マウスを指の形にしない
stage.onRollOver = function() {
_root.Over = true;
};
(AS3を使っているなら書き方が違うと思いますが参考までに)

(2)
すいませんが私が使っているのはMX2004なのでわかりません。

(3)
_level0は_rootとほとんど同じ意味なので_level0でいいと思います。

perse · Answer

image1.onRollOver = function() {
trace("image1のonRollOver")
sendObj.page = 1;
sendObj.send(url, "bottom", "GET");
};
の様にtrace()等をいれてRollOverイベントが発生してるか確認してみてください。
(traceを使う場合はムービープレビューで。)

これで出力ウインドウに"image1のonRollOver"が表示されれば
phpが呼ばれているはずです。
#4の最後に書いた様に直接phpを呼んで動作するか確認してみてください。

perse · Answer

>flashのコンテンツを3毎のイメージ合成画像から、
>１つずつの３つのボタンに変え

イメージ合成画像ってムービークリップですよね？
onRollOverはボタンでもムービークリップでも使えます。

#2の補足に書かれた様に"GET"なしのgetURLでうまく動作したのなら
onMouseMoveの部分をonRollOverに書き換えるだけでいいと思います。


loadVarsクラスを使うのであれば

var sendObj:LoadVars = new LoadVars();
var url:String;
url = "../php/index.php";
image1.onRollOver = function() {
sendObj.page = 1;
sendObj.send(url, "bottom", "GET");
};
image2.onRollOver = function() {
sendObj.page = 2;
sendObj.send(url, "bottom", "GET");
};
image3.onRollOver = function() {
sendObj.page = 3;
sendObj.send(url, "bottom", "GET");
};

だと思います。
bottomは下のフレーム名です。
"_self"だとswfの置いてあるフレーム(上のフレーム)が書き換わってしまいませんか？
phpで表示している内容が下のフレームだけならbottom、ページ全体なら_topです。

onRollOverイベントはマウスポインタが領域上にのった時に一度だけ発生します。
そして一度領域外に出ないと再び発生することはありません。
ですのでonRollOverでフラグOn,onRollOutでフラグOFFと言うのは必要ありません。

>最初からページが２になってしまい
これについてはわかりませんが、
ブラウザのアドレス欄に 
http://～/php/index.php?page=1 
http://～/php/index.php?page=2 
http://～/php/index.php?page=3
を入力してそれぞれのページが表示されるか確認してみてください。

perse · Answer

onRollOverではないでしょうか。

FlashからPHPへの変数の渡し方について

[#1の訂正]

この回答への補足

>top_imageのMCのサイズをもう少し

この回答への補足

(1)

この回答への補足

(1)

この回答への補足

>パスは合ってるのに、なぜかtop_image3.swfだけが読み込まれませんでした。

この回答への補足

(2)

この回答への補足

(1)

この回答への補足

image1.onRollOver = function() {

この回答への補足

>flashのコンテンツを3毎のイメージ合成画像から、

この回答への補足

onRollOverではないでしょうか。

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング