FlashからLightboxを使用してウェブページを表示させる方法

質問

初めて質問させていただきます。
FlashとLightboxについてです。

FlashからLightboxを使って、ウェブページを表示させたいのです。
以下のサイトに画像を表示させる方法は載っているのですが、ウェブページを表示させる方法がわかりません。
http://youmos.com/reference/lightboxflash.html

FlashやHTML、CSSの知識は多少あるのですがJavaの知識はあまりないので…。
よろしければご教授の程、よろしくお願いします。

回答No.4

noname#78238 · ベストアンサー

前回のテストで、2番目はobjectがアラートされないとおかしいのですが…。
----------
■テスト1

// JavaScriptのみで実行してください

alert(typeof lightwindow);
alert(typeof myLightWindow);
myLightWindow = new lightwindow();
alert(typeof myLightWindow);

■テスト2

// JavaScriptのみで実行してください

function show() {
myLightWindow = new lightwindow();

myLightWindow.activateWindow({
href : "http://www.google.com/"
});
}

show();

■テスト3
(HTMLに埋め込んだflashから上のshow関数を呼んでみてください(flash上のボタンを押して実行してみてください))

// ActionScript

on (press) {
getURL("java script:show(1)");
}

// JavaScript

function show() {
myLightWindow = new lightwindow();

myLightWindow.activateWindow({
href : "http://www.google.com/"
});
}
----------
テスト1は、 以下のようにアラートされればOKです。

function
object
object

テスト2は、GoogleがLightWindowで表示されればOKです。

テスト3はいかがでしょうか？ちゃんと表示されましたか？
----------
LightWindow 2は、最新のものをダウンロードしましたか？
ブラウザFirefoxにエラーコンソールがあるので、それを見ながらう一度全てのテストしてみてください。

お礼

何度もありがとうございます。感謝です。

テスト１では、funtion object objectとでて、成功しました。

テスト２では、firefox、safariでは表示されませんでした。
なぜか、operaでは表示することができました。
firefoxのエラーコンソールを見てみたところ、
エラー: uncaught exception: Page Type could not be determined, please amend this lightwindow URL http://www.google.com
と表示されました。
他には警告で
警告: 'filter' プロパティの値をパース中にエラーが発生しました。 このスタイル宣言は無視されました。
ソースファイル: /lightwindow/css/lightWindow.css
行: 240,206とでました。
エラーメッセージが気になってgoogleのurlを変えてみたら、safariで表示することができました。相変わらずfirefoxでは表示できません。

テスト３はoperaとsafariは表示することができました。
urlに何らかの文字列が入るとlightwindowが無効になることがあるのでしょうか…。

回答No.5

noname#78238

オプションに、type : "page"を加えてみてはいかがでしょうか？

私もJavaScriptでテストをしてみたのですが、表示されるときとされないときがあったり、表示されるLightWindowのサイズも大きいときと小さいときがあったり。やり方が間違っているのか、lightwindowが不安定なのか分かりませんが…。

お役に立てず、申し訳ないです。

お礼

やはりFlashとJavaの連携というのは難しいところが多いようですね。
ブラウザ間の見え方の違いというものも問題が多そうです…。

>お役に立てず、申し訳ないです。
そんなことはないです。
johnmasterさんのおかげで、一人で作業を進めていたときより大分進展することができました。
これからもなんとか頑張ってみます。
本当にありがとうございました＾＾

回答No.3

noname#78238

二度目のテストのjavascriptのコードに誤りがありましたので、訂正します。

■1度目のテスト

// flash

on (press) {
getURL("java script:sohw(1)");
}

// javascript

function show(arg) {
alert(arg);
}

■2度目のテスト

// flash

on (press) {
getURL("java script:show(1)");
}

// javascript

function show() {
alert(typeof myLightWindow);
}

■3度目のテスト (二度目のテストでnull・undefinedがアラートされたら)

// flash

on (press) {
getURL("java script:show(1)");
}

// javascript

myLightWindow = new lightwindow();
function show() {
alert(typeof myLightWindow);
}

お礼

丁寧な説明ありがとうございます。

テストを試してみたところ
・一度目のテストではアラートで「１」と表示されました。
・二度目のテストでは「undefined」と表示されました。
・三度目のテストでも同じく「undefined」と表示されました。

回答No.2

noname#78238

試しに、下記のテストを行ってみて下さい。

// flash
on (press) {
getURL("java script:test(1)");
}

// javascript
function test(arg) {
alert(arg);
}

きちんとアラートされれば、今度は次のテストを行ってみて下さい。

// flash
on (press) {
getURL("java script:show(1)");
}

// javascript
function test() {
alert(typeof myLightWindow);
}

何がアラートされたでしょうか。nullもしくはundefinedでしたら、JavaScriptのshow関数よりも前に下記を書き加えもう一度2回目のテストをしてみて下さい。

myLightWindow = new lightwindow();

回答No.1

noname#78238

Lightboxは、もともと画像しか表示できませんのでウェブページは表示できないと思います。
Lightbox iframeで検索すると、ウェブページでもLightboxのように表示してくれるプラグインが紹介されていると思います。

お礼

ご回答ありがとうございます。
検索してみてでてきたlightwindowというものを使いました。
HTMLからlightwindowを使用してページを表示することに成功したのですが、Flashから表示することができません。

flash側のボタンシンボルには
on (press) {
getURL("java script:show(1)");
}
HTML側には
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<script type="text/javascript">
function show() {
myLightWindow.activateWindow({
href: "http://jp.msn.com/"
});
}}
</script>
と記述しています。
flashファイルだけでムービープレビューするとちゃんと作動するのですが、HTML側に埋め込むとボタンを押しても何の反応も起こりません。
何が間違っているのでしょうか。