スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-- : -- : -- | スポンサー広告 | page top↑

ふらの観光協会配布のブログパーツの不具合を回避する方法

ふらの観光協会では、ふらののイベントを表示するブログパーツを配布しています。
このブログパーツはFlash製で,SwfObjectによるJavaScriptの貼り付けコードを、
使用したい人が、貼り付けたい場所に貼り付けて使用するようになっています。

普通に貼り付ける場合にはこのままでも問題ないのですが、
javascriptやCSS等を使ったページなどでは、ブログパーツがページ階層の最上層に位置してしまい
javascriptでLightBoxやMediaBoxのようなギミックを使った場合にブログパーツが暗転しないで、
浮き出るように普通に表示されてしまいます。

このままではちょっとカッコ悪いですよね

image33.jpg

また、CSSを使い、Twitterのページのようにメインページがトップ下に潜り込むような
重なりを表現しているようなデザインの場合
メインページがスクロールさせることでトップ下に潜り込んでいっているのに、
そこに貼られたブログパーツが潜り込まないで表示される。
という問題が出てきました。

本来このような場合には、Flashの設置コードの[param]にプロパティ:wmode、値:opaqueを
設定してあげる必要があるのですが、このブログパーツの場合は設置用のjavascriptを
ふらの観光協会のサーバーから読み込むようになっているので、こちらからでは修正することが出来ません。

そこで、不具合回避方法としては、ふらの観光協会からブログパーツ設置用のjavascriptファイルの
ソースを読み込みます。

http://www.furano-kankou.com/blogparts/furano-blogparts.js

このアドレスで読み込むと

document.writeln('<(スクリプト)script type="text/javascript">');
document.writeln('var flashvars = {};');
document.writeln('var params = {};');
document.writeln('var attributes = {};');
document.writeln('swfobject.embedSWF("http://www.furano-kankou.com/blogparts/new_rss.swf", "flash", "180", "410", "10.0.0", false, flashvars, params, attributes);');
document.writeln('<(スクリプト)/script>');
document.writeln('<(スクリプト)div id="flash"><(スクリプト)/div>');

(注)(スクリプト)はコード表示用に書き加えています。

というjavascriptのコードが表示されますので、
これをコピーしてテキストエディッター等にペーストします。
(注)貼る場合には(スクリプト)は消してくださいね。

document.writeln('<(スクリプト)script type="text/javascript">');
document.writeln('var flashvars = {};');
document.writeln('var params = {};');
document.writeln('var attributes = {};');
document.writeln('swfobject.embedSWF("http://www.furano-kankou.com/blogparts/new_rss.swf", "flash", "180", "410", "10.0.0", false, flashvars, params, attributes);');
document.writeln('<(スクリプト)/script>');
document.writeln('<(スクリプト)div id="flash"><(スクリプト)/div>');

document.writeln('var params = {};'); の下の行に
document.writeln('params.wmode="opaque"'); を追加します。

これによりparams 要素にwmodeプロパティ、opaqueという値が設定されますので、
ブログパーツが最上層で表示されるという事がなくりました(FF4、クローム、IE8で確認)
そして、書き加えた新しいjavascriptファイルを自分のサイト内に保存して、HTMLからリンクさせます。

これで、なんとなくうまくできてるみたいですが・・・・・
image35.jpg

各ブラウザの他バージョンではどうなっているのかは不明ですー
本当であるなら、観光協会の方を手直してもらった方が確実なんですが、
とりあえずなんとかなればいいや。ってな場合にどうぞ~的な感じで。
スポンサーサイト
20 : 24 : 24 | 未分類 | トラックバック(0) | コメント(0) | page top↑
<<無料で遊べる富良野の風景のジグソーパズルゲーム | ホーム | [Free] Jigsaw puzzle game play on a computer list of Furano Landscape>>
コメント

コメントの投稿














管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://hoketu4.blog39.fc2.com/tb.php/38-c5c0540f
この記事にトラックバックする(FC2ブログユーザー)
| ホーム |

カレンダー

07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

プロフィール

hoketu

Author:hoketu
山菜採り命!

フリーエリア1

カテゴリ

未分類 (106)
富良野地域情報 (4)
映像編集作業 (2)
Web関係のメモ (2)
Flash関係のメモ (5)
音楽関係 (2)
アンドロイドアプリ開発 (12)
キンコメ (10)
iPhoneアプリ制作 (5)
相続登記 (2)
宅地建物取引士資格試験 (86)
宅建士問題集 (5)
ITパスポート (7)

最新記事

最新コメント

フリーエリア2

月別アーカイブ

検索フォーム

リンク

このブログをリンクに追加する

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。