タブ・ナビゲーション
<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>
ってやるだけで上のように展開できるとうれしいかな?