メモログ

塵が積もって山とならないメモのログ

prototype.js を使ってトラックバックを開閉するように変更

個人的にトラックバックの機能をあまり利用しなくなった。だから表示を控えめにしつつ、機能は残しておきたい。ということでJavascriptで開閉するかたちにしてみました。といっても、たいしたことしてませんが・・

以下が作業手順

  1. prototype.jsをダウンロードして、headerにscriptタグを追加。
  2. トラックバックの表示欄全体を
    で囲う
  3. 開閉用のリンクを追加。

開閉用のリンクは下記のように追加。prototype.jsの機能の一つのElement.toggle(element)を使っているだけ。toggle(element)は、指定したタグのidを表示を切り替えてくれます。

1
2
3
<a href="javascript:void(0)" onclick="javascript:Element.toggle('trackbacks-open-content');">
開く/閉じる</a>

表示するリンクと非表示にするリンクを別々にしたいときには、Element.show()、Element.hideを使うとできます。

prototypeについては、Ajaxライブラリリファレンスという本を参照しています。本書に載っているバージョンは1.4(いま1.5.1.1)ですが、きっと大丈夫。便利な世の中なのである。