タブ・ナビゲーション

<table><tr>
<td><a href="home.html">home</a></td>
<td><a href="works.html">works</a></td>
<td><a href="diary.html">diary</a></td>
</tr></table>

よく使われるナビゲーション。でも、これだと、今居る位置が分からない。そこで

<table><tr>
<td class="tabnavi-selected"><a href="home.html">home</a></td>
<td><a href="works.html">works</a></td>
<td><a href="diary.html">diary</a></td>
</tr></table>

のようにするテクニックもよく使われる。でも、これをしてしまうと、includeやDreamweaverのLibraryや、まあ言えば単純なコピペ が使えない。例えば上の例で profile とかに行きたい場合。すべてを変更しないといけない。


これを解消する方法はないだろうか……よくあるのは PHPの場合

<td<? if(tabnavi("home")){ print(' class="tabnavi-selected"'); } ?>><a href="home.html">home</a></td>

としていく方法なのだけれど、こんなのプログラマーにしかいじれないっしょ! で、

<table><tr>
 <td t:beahvior="tabnavi" t:area="home"><a href="home.html">home</a></td>
 <td t:beahvior="tabnavi" t:area="works"><a href="works.html">works</a></td>
 <td t:beahvior="tabnavi" t:area="diary"><a href="diary.html">diary</a></td>
</tr></table>

ってやるだけで上のように展開できるとうれしいかな?