MovableType・テンプレート・ブログカスタマイズの小粋なテクニック満載!

 


« 前のページ | HOME | 次のページ »

2006年05月21日

» FlashのブログパーツをMTで使う方法

ブログパーツやブログペットで Flash を利用されている方は多いと思いますが、
Flash のコードには embed 要素が含まれており、この要素が含まれている
ページは XHTML valid にならず、エラーが出てしまいます。

今回は「FlashのブログパーツをMTで使う方法」を紹介したいと思います。
詳しく知りたい方は”続きを読む”をクリックして下さい。

FlashのブログパーツをMTで使う場合、要するに
JavaScript を用いて Flash のコードを表示させればいいのです。

詳しくは「小粋空間」の記事、
"Flash のブログパーツを XHTML valid にする"
を参照してください。


以下、やり方を列記しておきます。
ここでは Kinarie&May さんの Flash カレンダーを例に変更方法を説明します。


記述例:

<script type="text/javascript">
<!--
document.write('<OBJECT classid=\'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\' codebase=\'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\' WIDTH=\'130\' HEIGHT=\'130\' id=\'calender\' ALIGN=\'\'> <PARAM NAME=movie VALUE=\'http://n_calendar200.swf?xmlURL=http://hogehoge.com&katachi=1&monthMoveColor=ff6600&entryDayColor=ffff99&todayColor=ff9900&title_d=1\'> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#ffffff> <EMBED src=\'http://n_calendar200.swf?xmlURL=http://hogehoge.com&katachi=1&monthMoveColor=ff6600&entryDayColor=ffff99&todayColor=ff9900&title_d=1\' quality=high bgcolor=#ffffff WIDTH=\'130\' HEIGHT=\'130\' NAME=\'calender\' ALIGN=\'\' TYPE=\'application/x-shockwave-flash\' PLUGINSPAGE=\'http://www.macromedia.com/go/getflashplayer\'></EMBED></OBJECT>');
//-->
</script>

注意点:
Flash のコード全てを、JavaScript の document.write('~') という「~」に収めます。
Flash のコードに含まれる全てのシングルクォート(')はエスケープ(¥ またはバックスラッシュを付与)
してください。これは document.write で使用されるシングルクォートでないことを示すためです。


★ この記事が参考になりましたら投票お願いします。


» 関連記事




» トラックバックURL

トラックバックURL: http://atoria.sakura.ne.jp/mt/mt-tb.cgi/165





» コメントの投稿