Error: I'm afraid this is the first I've heard of a "$flavour" flavoured Blosxom. Try dropping the "/+$flavour" bit from the end of the URL.

Tue, 22 Aug 2006

XSLTでナビゲーションリンク表示

link要素とCSSのみでナビゲーションを作るで、CSSでlink要素によるナビゲーションを可視化する方法を知りました。

便利そうなのですが、「link要素をCSSで表示させると、a要素と同様のアンカーとして表示される」という実装をしているのは今のところFirefox等のGecko搭載ブラウザだけのようであり、HTMLの仕様上も必ずそのように実装しなければならないわけではないので、汎用的な方法とは言い難いのが惜しいところ。

そこで、

• 「出来るだけ既存のXHTML文書を書き換える事なく済ませたい。」
• 「JavaScriptを無効にしている方も困る事ないようにしたい。」

という条件の上で、より汎用的な解決方法はないかと考えてみて、「XSLTを使ってlink要素の内容をリストとして反映できるのでは」ということを思いつきました。

で久しぶりにXSLTを書いてみまして、できたのが以下です。

• test.xml
• nav.xsl

ごく簡単なものですが、取り敢えずFirefox 1.5, IE6, Opera 9で表示できるようになりました。XSLT機能を備えたXML対応ブラウザであれば動作を期待できそうです。

もっとも、クライアントサイドでの変換にこだわることもないわけで、サーバサイドで変換したり、静的ファイルならあらかじめ変換しておいたファイルを使うという方法もありではないかと思います。