IE7のinnerHTMLに関する仕様変更
This article was migrated from http://rails.office.drecom.jp/takiuchi/archive/100
IE7でJuggernautを使ったときにエラーが出るようなので、原因を調べてみました。
その結果、IE7では、script、embed、objectなどの特定のDOMエレメントに対して、innerHTMLに値を設定しようとするとエラーになるようです。 js>> document.createElement('script').innerHTML = 'alert(1)'; // エラー! <<-- いまのところ、以下のように別なDOMエレメントのinnerHTMLにHTMLとして 埋め込む分には大丈夫なようです。 js>> var span = document.createElement('span'); span.innerHTML = '<script type="text/javascript">alert(1)</script>'; document.body.appendChild(span); <<-- どんな意図があっての仕様変更なんだろう?
ともあれ、IE7に対応するようにJuggernautのJavaScriptを書き換えてみました。 js>> ---- code of public/javascripts/juggernaut.js ---- _appendIECommandHandler: function() { var scriptbox = document.createElement('div'); scriptbox.style.display = 'none'; scriptbox.innerHTML = [ '<script language="VBScript">', ' on error resume next', ' Sub juggernaut_flash_FSCommand(ByVal command, ByVal args)', ' call myFlash_DoFSCommand(command, args)', ' end sub', '</script>'].join("\n"); document.body.appendChild(scriptbox); }, _appendFlashObject: function() { var host = Juggernaut.host; var port = Juggernaut.port; var data = Juggernaut.data; var flashbox = document.createElement('div'); flashbox.style.display = 'none'; flashbox.innerHTML = [ '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ', 'codebase="http://download.macromedia.com/pub/shockwave/cabs/', 'flash/swflash.cab#version=5,0,0,0" id="juggernaut_flash">', '<param name="movie" value="/juggernaut.swf?host=', host, '&port=', port, '&juggernaut_data=', data, '">', '<param name="quality" value="high">', '<embed src="/juggernaut.swf?host=', host, '&port=', port, '&juggernaut_data=', data + '" quality="high" ', 'name="juggernaut_flash" swLiveConnect="true" ', 'type="application/x-shockwave-flash" ', 'pluginspage="http://www.macromedia.com/go/getflashplayer">', '</embed>'].join(''); document.body.appendChild(flashbox); }, <<-- 作者のAlex氏にはパッチを送っておきました。
This article was migrated from http://rails.office.drecom.jp/takiuchi/archive/100