JavaScriptでウィジェット（UWA構文を使用）を作成しようとしています。これはFireFoxで完全に機能しますが、InternetExplorerは奇妙です。
基本的に、ウィジェットを最初にロードしたとき、中央の列は表示されません（その日のDuty Rotaが表示されるはずです）。
ただし、F12キーを押して開発者コンソールに移動すると、ドキュメントモードをに変更IE9 standardsして正しく機能させることができます。
次に、ドキュメントモードをQuirksに設定すると、次のように表示されます。
中央の列を定義するコードは次のとおりです。
/* [centre] Duty rota */
AllInOne.centreCol = function() {
var now = new Date();
var currentDay = now.getDay();
var DRWeek1 = {
Monday : {
BeforeSchool : "HA, MJO, LS, GB, JSA, HA, TD",
Breaks : "ABO, LL, RR, DR, PHd, JA, VID, AN, LDE, CN, DW, PG, MD, ND, CK, JP, RH, RJ, CC, GB",
AfterSchool : "GB, CL, MVW, TD/GDO, HL, LS"
},
Tuesday : {
BeforeSchool : "RJ, AN, AS, GB, JSA, SUW, MJO",
Breaks : "DW, AB, RR, SDI, PHd, LL, ABO, ND, CG, CC, MD, PD, CT, RY, LDE, SC, RH, JR, RC, GB",
AfterSchool : "GB, CL, MJO, TD/GDO, SUW, AS"
},
Wednesday : {
BeforeSchool : "JP, JC, SM, GB, HSA, HA, CL",
Breaks : "BW, JR, TG, SD, PHd, JM, SW, MVW, CG, AMO, MDA, KL, VID, CN, SDI, DST, VY, SLH, JH, GB",
AfterSchool : "GB, MJO, CL, TD/GDO, HA, SM"
},
Thursday : {
BeforeSchool : "SUW, HL, ST, GB, JSA, HL, CK",
Breaks : "DR, VY, HL, CK, PHd, JC, DST, HS, SC, MDA, AH, PD, NB, AMO, HSM, DM, JOS, SLH, CK, GB",
AfterSchool : "GB, JOR, JH, TD/GDO, HL, ST"
},
Friday : {
BeforeSchool : "TG, SUW, JT, GB, JSA, JM, JP",
Breaks : "SW, AB, HSM, HA, PHd, DM, JOS, CT, KL, BW, RY, PG, JA, NB, RC, HS, JOR, AH, GP, GB",
AfterSchool : "GB, SWA, JM, TD/GDO, JP, JT"
}
}
var DRHTML = '<h2>Duty Rota</h2>';
switch ( currentDay ) {
case 1:
DRHTML += '<p><strong>Before School:</strong>' + DRWeek1.Monday.BeforeSchool + '</p>';
DRHTML += '<p><strong>Break / Lunch:</strong>' + DRWeek1.Monday.Breaks + '</p>';
DRHTML += '<p><strong>After School:</strong>' + DRWeek1.Monday.AfterSchool + '</p>';
break;
case 2:
DRHTML += '<p><strong>Before School:</strong>' + DRWeek1.Tuesday.BeforeSchool + '</p>';
DRHTML += '<p><strong>Break / Lunch:</strong>' + DRWeek1.Tuesday.Breaks + '</p>';
DRHTML += '<p><strong>After School:</strong>' + DRWeek1.Tuesday.AfterSchool + '</p>';
break;
case 3:
DRHTML += '<p><strong>Before School:</strong>' + DRWeek1.Wednesday.BeforeSchool + '</p>';
DRHTML += '<p><strong>Break / Lunch:</strong>' + DRWeek1.Wednesday.Breaks + '</p>';
DRHTML += '<p><strong>After School:</strong>' + DRWeek1.Wednesday.AfterSchool + '</p>';
break;
case 4:
DRHTML += '<p><strong>Before School:</strong>' + DRWeek1.Thursday.BeforeSchool + '</p>';
DRHTML += '<p><strong>Break / Lunch:</strong>' + DRWeek1.Thursday.Breaks + '</p>';
DRHTML += '<p><strong>After School:</strong>' + DRWeek1.Thursday.AfterSchool + '</p>';
break;
case 5:
DRHTML += '<p><strong>Before School:</strong>' + DRWeek1.Friday.BeforeSchool + '</p>';
DRHTML += '<p><strong>Break / Lunch:</strong>' + DRWeek1.Friday.Breaks + '</p>';
DRHTML += '<p><strong>After School:</strong>' + DRWeek1.Friday.AfterSchool + '</p>';
break;
default:
DRHTML += '<p>No school. Yay!</p>';
break;
}
var DutyRota = widget.createElement( 'p',
{ 'id' : 'DR', 'class' : 'DR' } );
widget.body.getElementsByClassName('centre_col')[0].appendChild(DutyRota);
widget.body.getElementsByClassName('DR')[0].setHTML(DRHTML);
}
その関数内にInternetExplorerが気に入らないものはありますか？
私は信じられないほど混乱しています、どんな助けでも大歓迎です。
編集：完全なコード
ここで見つけることができます：http：//pastebin.com/n1qFeTnU
追加の編集：ウィジェットコンテナがページをIE9の癖モードに強制しているようです。そのため、ドキュメントモードをまったく制御できないことを意味します。
それで、質問は残ります、私のコードでは、IE9（ブラウザモード）Quirks（ドキュメントモード）のInternet Explorerが気に入らないのは何ですか？