メモログ

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

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

以下が作業手順

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

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

<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)ですが、きっと大丈夫。便利な世の中なのである。

私について

Yutaka Yamaguchi
東京在住。TypeScript, Node.js, Reactなどフロンエンドが主力。Perlも書く。SwiftやRubyも過去には使ってた。過去のTOEIC 860くらい。