<div id="test"></div>
のtest部分に
document.getElementById('test').innerHTMLで
objectタブを埋め込んでるのですが
IE6だけうまく機能しません。
何かいい方法あるのでしょうか?
http://www.ldn.co.jp/nakkara/Denno.nsf/wn/000030?OpenDocument&View=ThemeList
IE6はinnerHTMLでOcjectタグの入れ子のembedを解釈しない
IE6では サポートされていないのでは?
別の手段を探しましょう。
innerHTMLを使わずに、DOMを組み立ててappendChildしてみてはどうでしょうか。
参考:
IEではJavaScriptでobject要素にembedを挿入できない - @blog.justoneplanet.info
こちらのリンクの解決策2の方法で実施してます。
返事ありがとうございます。
具体的にどのような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>
次の回答にある、対応をIE6だけ実行します。
うーーん、早くIE6消えて欲しいです。
返事ありがとうございます。