人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptで
<div id="test"></div>
のtest部分に
document.getElementById('test').innerHTMLで
objectタブを埋め込んでるのですが
IE6だけうまく機能しません。
何かいい方法あるのでしょうか?

●質問者: hopefully
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● きゃづみぃ
●34ポイント

http://www.ldn.co.jp/nakkara/Denno.nsf/wn/000030?OpenDocument&View=ThemeList


IE6はinnerHTMLでOcjectタグの入れ子のembedを解釈しない

IE6では サポートされていないのでは?

別の手段を探しましょう。

◎質問者からの返答

次の回答にある、対応をIE6だけ実行します。

うーーん、早くIE6消えて欲しいです。

返事ありがとうございます。


2 ● Cherenkov
●33ポイント

innerHTMLを使わずに、DOMを組み立ててappendChildしてみてはどうでしょうか。


参考:

IEではJavaScriptでobject要素にembedを挿入できない - @blog.justoneplanet.info

◎質問者からの返答

こちらのリンクの解決策2の方法で実施してます。

返事ありがとうございます。


3 ● じゅぴたー
●33ポイント

具体的にどのようなOBJECTタグを埋め込もうとしているのでしょうか?

お知らせください。


(追記)

コメントをありがとうございます。

下のような方法ではどうでしょう。

embedタグの問題については、Cherenkovさんが指摘されているように、IE6のバグです。

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function() {
 var url=''; //適切な値を入れてください
 var tag1='<object width="590" height="500"><param name="movie" value="' + url + '&autoplay=0&loop=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>';
 var tag2= '<embed src="' + url + '&autoplay=0&loop=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="590" height="500"></embed>';
 var tag3 = '</object>';

 tag = tag1 + tag2 + tag3;
<!--[if lte IE 6.0]>
 tag = tag2;
<![endif]--> 

 document.getElementById("test").innerHTML = tag;
}
</script>
</head>
<body>
ここに<object id="test">OBJECTタグ</object>を埋め込みます
</body>
</html>
◎質問者からの返答

以下のような、タグを埋め込もうとしてます。

ちょっと書き方がおかしいかもしれませんが

ご了承下さい。

<object width="590" height="500">

<param name="movie" value="' + url + '&autoplay=0&loop=0"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="' + url + '&autoplay=0&loop=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="590" height="500"></embed>

</object>

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ