TwitterBootstrap, IEでハマる

TwitterBootstrap　を利用していてIE8, 9でハマりました。IE6,7はおいてけぼり。

モダンブラウザと呼ばれる、GoogleChrome/FireFox/Safari　では全く問題なく表示されていたTwitterBootstrapのグリッドシステムですが、IEではなぜかレイアウトが崩れてしまいます。

Paddingか？？？違う。

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->

NetBeansで新規HTMLファイルを作成したときについてくる、ファイルの先頭にある上記コメントでした。
DOCTYPE宣言の前に文字があると後方互換モードになるというヤツらしいです。

今後のお約束として”DOCTYPE宣言の前には何も書かないとも”ということにします。
XML宣言は例外ですね

プリンタ切替

Webアプリで帳票毎にプリンタを切り替える必要性がありました。
しかもクライアント毎に異なる場合もあるというミックス技！もちろんドライバもいろいろ！
イントラのなし得る技です。

Webアプリは、PHP+MySQL+TCPDF な構成です。
帳票はPDFを生成するのですが、クライアントPC毎にプリンタを切り替える必要がある訳です。
運用上、クライアントPCとログインユーザは同じという前提なので、ログインユーザを見つつ帳票毎PDF生成前に通常使うプリンタを切り替えるとう処理(javascript)を入れました。
もちろんブラウザはIEとなります。

objWshShell = new ActiveXObject("WScript.Shell");
objWshShell.Run("rundll32.exe printui.dll,PrintUIEntry /y /n \"" + printerName + "\"");

これでプリンタは切り替わるようになりました。

IEでのinnerHTML

FirefoxではOKだったのですが、IEではダメだった件。

<select>のinnerHTMLに該当する部分である<option>を書き換える処理がだめでした。

たくさんの解決方法がWebにはありました。Webって素敵！

BUG: インターネット エクスプ ローラーを失敗した innerHTML プロパティのオブジェクトの選択を設定するのには　http://support.microsoft.com/kb/276228/ja

<select>をラッピングした<div>のinnerHTMLを書き換えるということみたいです。

（変更前）
select1のinnerHTMLを書き換え→ＮＧ
<select id="select1">
  <option>…</option>
  <option>…</option>
</select>

（変更後）
select_div1のinnerHTMLを書き換え→ＯＫ
<div id="select_div1">
<select id="select1">
  <option>…</option>
  <option>…</option>
</select>
</div>