• ベストアンサー

１つのhtmlページにswfを呼び出す方法。

HTMLページ（トップページ）内にコンテンツボタンがいくつかあり、 それぞれボタンを押すとそのHTMLページ（トップページ）内にフラッシュが表示される。という物をつくりたいのですがその方法を教えて下さい！ いくつか方法があれば全て教えて頂きたいです。 今のところ思い当たるのはフレームで分割という方法のみです。 各フラッシュの画面サイズは同じになっています。 よろしくお願い致します。

  • HTML
  • 回答数4
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

javascript操作になるんじゃないのかな。 cssでflashのboxを display="none" にしてボタンを押したときにjavasctriptで display="" が簡単だと思う。 そういうのがわからないしめんどいなら考えてる通りframe分割が簡単だね(iframeでも良いと思うけど)

metasekoiya
質問者

お礼

迅速な回答ありがとうございます。 今回はiframeを使いたいと思います。 javascriptについてはこれから勉強させてもらいます！

その他の回答 (3)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.4

補足 リストなんかいらないやいっ、ボタンで表示・再生するだけでいいやっていうなら、No.2No.3のサンプルの function play(doc,container_id,content_id,url){} だけ 別に単体でも使えるよ！ <head>部に <script type="text/javascript" src="https://www.google.com/jsapi" charset="UTF-8"></script> <script type="text/javascript">google.load("swfobject","2.2");</script> <script type="text/javascript"> 　 function play(doc,container_id,content_id,url){ 　　 if(swfobject.hasFlashPlayerVersion("6")){ 　　　var c = doc.getElementById(content_id); 　　　if(c) swfobject.removeSWF(content_id); 　　　var d = doc.createElement("div"); 　　　d.id = content_id; 　　　doc.getElementById(container_id).appendChild(d); 　　　var att = { data:url,width:"300",height:"300"}; 　　　var par = { menu:"false" }; 　　　swfobject.createSWF(att,par,content_id); 　　 } 　 } </script> だけおいといて、 <button onclick="play(document,'FlashContainer",'Content','test1.swf');"> TEST1の再生 </button> てな具合にね。 ※「swfobject.js」の詳細は↓を見てね。他にもやり方があるよ！ http://code.google.com/p/swfobject/

metasekoiya
質問者

お礼

早速のご回答ありがとうございます。 まだHP制作の勉強始めて２ヶ月。 javascriptについてはこれから勉強しようと思います。 （引き出しは多いにこした事はないですからね。） 簡単な方法でいこうと思います。 枠なし設定のインラインフレームを使う事にしました。 コレくらいのシステムはパパっと仕上げたいものです。 ちなみにhttp://code.google.com/p/swfobject/こちらのURLの活用 のしかたもよくわかりません。まだまだ勉強させてもらいます。

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

続き <body> <h1>Dynamic SwfObj Player </h1> <p> Movie List <ul id="MovieList"> 　<li><a href="test1.swf">Test1</a></li> 　<li><a href="test2.swf">Test2</a></li> 　<li><a href="test3.swf">Test3</a></li> 　<li><a href="test4.swf">Test4</a></li> </ul> </p> <div id="FlashContainer"> 　<div id="Content"> 　 <p> 　　 <a href="http://www.adobe.com/go/getflashplayer"> 　　　<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"> 　　 </a> 　 </p> 　</div> </div> <script type="text/javascript"> 　swfobject.addLoadEvent(init); 　function init(){ 　 var list = document.getElementById("MovieList"); 　 myMovieList = new MovieList(list,"FlashContainer","Content"); 　} </script> </body> </html> ここまで、

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

Javascript使ってよいなら「swfobject.js」を使って動的にプレーヤーオブジェクトを生成してしまいましょう。 各フラッシュのURLをリストでマークアップして、コンテナーに設定したDIVに再生します。 サンプル（全角空白は半角空白にしてね） <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Dynamic SwfObj Player </title> <style type="text/css"></style> <script type="text/javascript" src="https://www.google.com/jsapi" charset="UTF-8"></script> <script type="text/javascript">google.load("swfobject", "2.2");</script> <script type="text/javascript"> 　function MovieList(elm,container_id,content_id){ 　 var doc = elm.ownerDocument; 　 elm./*@cc_on @if (@_jscript_version > 5.8) 　　　addEventListener( 　　 @elif (@_jscript_version <= 5.8) 　　　attachEvent( 'on'+ 　　 @else@*/ 　　　addEventListener( 　　 /*@end@*/ 　　　'click',Handler,false); 　 function Handler(event){ 　　 if(event){ 　　　var target = event.target; 　　　event.preventDefault(); 　　 }else{ 　　　var target = window.event.target; 　　　window.event.returnValue = false; 　　 } 　　 //alert(target.href); 　　 play(doc,container_id,content_id,target.href); 　 } 　 function play(doc,container_id,content_id,url){ 　　 if(swfobject.hasFlashPlayerVersion("6")){ 　　　var c = doc.getElementById(content_id); 　　　if(c) swfobject.removeSWF(content_id); 　　　var d = doc.createElement("div"); 　　　d.id = content_id; 　　　doc.getElementById(container_id).appendChild(d); 　　　var att = { data:url,width:"300",height:"300"}; 　　　var par = { menu:"false" }; 　　　swfobject.createSWF(att,par,content_id); 　　 } 　 } 　} </script> </head> 続く...

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • フレームのHPで、ページを表示させた後にリンクさせない？方法

    二分割のフレームを使ってHPを作成中です。 左側にメニューがあり、右側にページを表示させる形です。 どの様に表現したら良いのかわからないのですが、 例えば、メニューの【topへ】ボタンでトップページを表示させた後は、 そのページが表示されている間は、【topへ】のリンクがなくなる様に するにはどうしたらいいのでしょうか？ ビルダー8を持っていますが、使いこなせずに、見よう見まねでHTMLで作成しています。 宜しくお願い致します。。。

  • フレームページでターゲットを２コ設定するには？【Dreamweaver】

    Dreamweaverを使用してフレームページを作っています。 ページは３分割にしてあるのですが、コンテンツボタンを押すと ３分割の内の２個の画面が切り替わるようにしたいのですがどうしたら いいのでしょうか・・・？ もう一つフレームページを作ってしまう方法が一番簡単なのでしょうか？

  • フレーム分割したページでの、FLASHデータの表示について

    こちら、まだまだFLASHビギナーです。 ただいまFLASHでHP用のコンテンツを作成しているのですが、 コンテンツのボタンをマウスオーバーすれば、 すぐ右にサブコンテンツを表示させるようにしたいと思ってます。 ただ、フレーム分割のページで・・・ 左)コンテンツフレーム　右)メインフレーム となっているため、 左)コンテンツフレーム にてサブコンテンツを表示させた場合、 右)メインフレーム にそのサブコンテンツが割り込んでしまいそうなんです... このような時、実際ブラウザで見た場合、 割り込んだ部分はどのように表示されるのでしょうか? もし、 右)メインフレーム の裏に隠れてしまうのであれば、 表に表示させる方法はあるのでしょうか? アドバイスお願いいたします<(_ _)>

  • 別のページに飛ばす方法

    質問をお願いします。 あるフレームの右ページが表示された時にフレームの分割を廃止して画面全体でＴＯＰページを表示させたいのですがどうすればできますか？ ちなみにフレームの右ページに<META http-equiv="REFRESH" content="5;URL=http://www.～.com/">を入れると右ページだけが変わってしまうので全体を変える方法をお願いします。 METAタグ以外の方法でも構いません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • フレームで困ってます。。助けてください。

    ＴＯＰページを（３０％と７０％の）フレームで 分割し、上の（３０％）の方にいろいろなコンテンツを置き、そのコンテンツをクリックすると画面下のフレームに（リンク先が？）表示されるようにしたいのです。 それでコンテンツを５つほど並べてみたのですが（上のフレームに）、アップロードして自分のサイトを見に行くと、上のフレームが真っ白で、右側にスクロールバーが現れて、スクロールしなければコンテンツが 見れないようになってしまっています。 本当は、トップを開いたときに、右のスクロールバーが出ないようにして、コンテンツがちゃんと（スクロールしないでも）表示されるようにしたいんです。 今は、ホームページビルダー８とあわせて、ＨＴＭＬで編集をしていますが、ＨＴＭＬのほうは初心者なので、なるべくわかりやすくご教授願います。

    • ベストアンサー
    • HTML
  • ページ内分割のベストな方法について

    こんにちは。今、ホームページを作っています。 レイアウトは縦に分割し、左にメニューと右にコンテンツを入れたページにしようと思っています。 ただ、”どういった方法で分割するか”を、すごく迷っています。 メンテナンス性がそれなりによく、アクセス数対策もそれなりにあり、広告などなるべく入れない、HTMLで編集ができる、作成になるべくお金をかけない、という５つの観点で考えているのですが、自分が調べた方法なのですがどれもデメリットが目についてしまいます。 以下は自分が考えた方法です… １．フレーム分割する メンテナンス性は抜群ですが、アクセス数対策は低いのが気がかりになってます。 検索エンジンからだと個別のコンテンツだけのページにアクセスになると、メニューが意味をなさなくなるようなのも気がかりです。 ２．1ページにして疑似的にわける。 これは、新しくコンテンツページを増やす際に、既存のすべてのページのメニューの項目を書きなおさなければならないようで、メンテナンス性が悪そうです。 ３．javascriptでタブのようにメニューを作る これはメンテナンス性はよさそうですが、コンテンツごとにページは別にならないので、検索エンジンから特定のコンテンツだけにアクセスできないようで困ります。 いいとこ取りするいい方法はないでしょうか。

    • ベストアンサー
    • HTML
  • フレーム付きページをお気に入り登録した場合の動作

    こんにちは。３回目の投稿です。 現在、インターネットにあるページ（HTML、Flash（+Javascript））を載せようとしています。 ※動作保証条件はWin2000、XPでブラウザがIE6.0SP1以上、またはネットスケープ4.7以上としています。 このページはフレーム付きですが、ＴＯＰ画面から一覧データ表示をさせた状態でお気に入り登録した際に、お気に入り登録したページ（一覧表示画面）が表示されず、不正な崩れた画面（ＴＯＰ画面で夫々のフレームに同一フレームのページ内容が表示されるといった問題にぶつかっています。 つきましては、原因と対処方法を教えてください。 ■一次解析 　お気に入り登録したときに保存されたＵＲＬを見ると、ＴＯＰ画面ではなく、一覧表示時のものになっていました。これをお気に入りから直接呼び出したため、且つフレーム分割されているため、上述した不正な表示となるのでしょうか？ 関連質問（QNo.1059938）の中に『 お気に入りに入れるときにページを右クリックしてお気に入り入れるとフレームが2つあるうちの1つのページしか入れることができない』 という内容がありましたが、そもそもフレームありの場合、お気に入りは動作保証されないということでしょうか？ であれば、フレームの場合は、お気に入り登録しないよう、右クリックを出さなくする対応や、『お気に入りに追加』などのボタンを設けるなどの対応（何れもネットスケープでも対応しているか調査要）が必要 ということでしょうか？ 長文となりましたが、ご回答お待ちしております。 以上です。

    • ベストアンサー
    • HTML
  • ３分割のフレームページの「HOME」への戻し方

    ３分割のフレームページの、フレームの１つに「HOME」ボタンを置きました。 その「HOME」ボタンを押すと、残りの２フレームが初期表示のページに飛ぶようにしたいのですが方法が分かりません。 「リンクの設定」では、１ファイル１ターゲットしか指定できませんが、これを２ファイル２ターゲットにしたい．．という感じです。 ビルダーは９を使っています。 HTML編集でも構わないので宜しくお願いします。

  • コンテンツとメニューのページを同時に、

    メニューのフレームと、コンテンツのフレームを並列表示しているとき、 メニューのボタンで、コンテンツのページを入れ替えること、 <a href="・・・・・・.html" target="・・・・・・・"> メニューのボタンで、メニューのページを入れ替えること、 <a href="・・・・・・.html" > メニューのボタンで、別のページへジャンプすること、 <a href="・・・・・・.html" target="・・・・・・・"> は出来ますが、 メニューのボタンで、コンテンツのページとメニューのページを同時に入れ替えることができますか。 出来る場合は、HTMLを教えていただけませんでしょうか。

    • ベストアンサー
    • HTML
  • フレームページのメニューボタン

    いくつか同じような質問がありましたが、スクリプトでの解決方法がみつかりませんでしたので質問させてもらいます 今フレームを使ったHPを作っています フレームは上下で分割してあり、上のフレームにはFLASHをつかったメニューボタンを入れあり、ボタンを押すことで下のフレームに各ページを表示させます メニューボタンはマウスが乗ると色が変わるボタンなんですけど 下のフレームに表示してあるページと対応したボタンが常にonの状態になるようなFLASHメニューにしたいんですけどスクリプトをどう記述したらいいかわかりません だれか教えていただけないでしょうか？ ちなみにFLASHソフトはフリーソフトSUZUKAを使っています

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する