縦書き文庫さんのサービスで使用されているJavaScriptでサイトを縦書き表示にする「涅槃（ねはん）」をWordPressで試してみました。

スクリプト関連は、ちょっと触ってなかったら、すぐに忘れてしまいますな。左脳のリハビリがてら、IndesignのテキストをXMLに関連付け（紐付け）させる練習をしてみました。

前回のIndesign「XHTML/Dreamweaverへのコンテンツの書き出し」 からのつづき。

「メディア間の書き出し」機能は、確かに便利なんですが、何百ページもあるデータを各ページずつに手動で書き出すのは面倒。ファイル名の付け方も間違う可能性もあります。

なんとかJavascriptで自動化できないかとググッてみたら、海外で同じようなコードが見つかったので、ドイツ（Ichとか書いてあったので多分）のIndesignのフォーラムから拾ってきました。

どこの国でも同じようなことを悩んでいる方は、いらっしゃいますなw

コーディングで頭を悩ませるのが、IE6対策。

cssは当然として、画像で透過pngを多用させたい場合、苦労します。

そんなとき便利なjavascriptが結構ありますが、オススメなのが「DD_belatedPNG.js」（最新版0.0.8a、2010.1.18現在）。

DD_belatedPNG

img要素、pngを含んだdivなどのIDやクラスを参照し、ピンポイントで使用できるので超重宝します。ありがたいですな。

先日、バージョンアップした「jQuery 1.4」ともぶつかってエラーが出ることもなく機能しております。

「DD_belatedPNG.js」については、下記のサイトさんが、丁寧に解説されており、参考にさせていただきました。

参考サイト

ITキヲスク | IE6用透過png対応策、DD_belatedPNGの使用法と注意点