プルダウンメニューがFlashに隠れるのを回避(wmode & swfobject.jp)

イテル on 07 1, 2009

0906701-w3c

初歩的なことを忘れていたのでメモ。

jsのプルダウンメニューがflashにかかってしまう場合、objectタグで何も指定しないとflashの後ろにプルダウンメニューが入り込んでしまう。

また、ドリ標準のflash埋め込みは分かりにくいのでswfobjectを使用してみる。

<script src="js/swfobject.js" type="text/javascript"></script>

ヘッダー内に上記記述を入れる。

<div id="flashcontent">
	ここはswfobjectでは読み込まないっす。
	flash playerがないとき表示されます。
</div>
<script type="text/javascript">
	var so = new SWFObject("flashdata.swf", "flas data", "500", "300", "9", "#ffffff");
	so.addParam("wmode", "transparent");
	so.write("flashcontent");
</script>

※tenteruさんのご指摘により「so.addParam」と「so.write」が逆になっておりましたので修正しました[2009/12/18]

と書けばok

so.addParam("wmode", "transparent");

これが肝。
プルダウンが上に表示される。

ちなみにswfobjectのパラメータは次の通り。

SWFObject(“flashdata.swf”, “flash movie”, “500″, “300″, “9″, “#ffffff”)

  • flashdata.swf=swfファイルのソース。
  • flash movie=このムービーの名称。特に気にする必要はない。
  • 500=swfの幅。
  • 300=swfの高さ。
  • 9=flash playerの対応バージョン。
  • #ffffff=背景色。

とのこと。

Comments (4)

 

  1. [...] ※swfobjectについては過去の記事を参照してちょ。 [...]

  2. tenteru より:

    so.write(“flashcontent”);
    so.addParam(“wmode”, “transparent”);

    ではなく

    so.addParam(“wmode”, “transparent”);
    so.write(“flashcontent”);

    こう書くべきなのでは?

  3. イテル より:

    ご指摘ありがとうございます。
    確かに反対ですね。。。
    修正させていただきます!

  4. Atasan より:

    When some one searches for his necessary thing, so he/she desires to be
    available that in detail, therefore that thing is maintained over here.

Leave a Reply