8-3モバイルプログラミングの応用Tips488 外部参照CSSを使う
Level3
Pointiモード端末向けにCSSをHTMLのインラインに埋め込む
モバイル端末で外部参照CSSを使ってみましょう。EZWeb及びY!ケータイでは外部参照CSSが使用できますが、2009年3月以前のiモード端末では外部参照CSSが使用できないため、特別な処理が必要です。
実はiモード端末でも2009年5月以降に発売されたiモードブラザ2.0を搭載した機種では外部参照CSSが使用できます。しかしそれ以前の端末では外部参照CSSは使用できず、インラインでstyleを指定する以外に方法がありません。本TipsではSmartyのアウトプットフィルターを利用し、外部ファイルからCSSのデータを取得し、xHTMLのタグ中にstyle=を埋め込みます。本プログラムは前提として、PEARのHTML_CSSライブラリを使用していますので、まずこれをインストールしましょう。
#> pear install HTML_CSS[Enter]
次にSmartyのフィルタ命名規則に従ってリスト4の488_4.phpをoutputfilter.extcss.phpというファイル名に変更してください。リスト1がサンプルのCSSファイルです。要素のみ、要素+クラス指定、クラスのみ指定の3種類の書き方が可能です。リスト2が実行するPHPファイル本体です。Smartyを設定し、9行目でアウトプットフ
この記事は会員限定です。会員登録をすると続きをお読みいただけます。
ログイン / 新規登録