国際EMSの伝票印刷、HTMLで完成

EMS伝票の印字、フリーソフトやらAccessやらで試して来たが、、、。
最終的に、WEBで実施完成。

ブラウザはchrome限定で、
ブラウザを変えると印字位置が微妙にずれるから、ブラウザ固定で行くことにした、

まず、サーバのDBから送り状に必要なデータを切り出すSQLを実施し、結果をJSONデータとして
出力するPHPを書く。

次に、HTML側で、上記の送り状のためのJSONを受け取りそれをHTMLに反映するJavaScript
書く。これには、jQueryのgetJSONを使うことにした。
HTMLへの反映はjQueryを使用せずに素のDOMオブジェクトと、メソッドのみを使用。
jQueryは初めてなので、、、深く使えない)

EMS帳票の印字位置に合わせたCSSを作成。

あとは試し印字を繰り返して、CSSの座標を調整していく。

CSSの座標はミリメートルを単位とすることができるので、定規で計りつつ調整。

そして、完成。
これで、注文番号を指定してすぐにEMS伝票が印字できるようになった。

なお印字はEPSONのVP4300を使用。