Movable Type のオーソドックスなカスタマイズのひとつ、「追記文章の折りたたみ」の Web2.0 版カスタマイズをご紹介します。
1.特徴
JavaScript エフェクトライブラリ script.aculo.us(スクリプタキュラス)を利用し、「続きを読む」リンクをクリックすると追記文章をスライドダウンで表示します。
JavaScript が無効の場合はエントリー・アーカイブにジャンプします。
「続きを隠す」リンクは追記文章の前後に表示されますので、長い追記文章でも折りたたみやすくなっています。
2.サンプル
追記文章の折りたたみ 2.0 サンプル
3.script.aculo.us のインストール
script.aculo.us のページの「get it already!」の下にある「Downloads page」のリンクをクリック。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
1.特徴
JavaScript エフェクトライブラリ script.aculo.us(スクリプタキュラス)を利用し、「続きを読む」リンクをクリックすると追記文章をスライドダウンで表示します。
JavaScript が無効の場合はエントリー・アーカイブにジャンプします。
「続きを隠す」リンクは追記文章の前後に表示されますので、長い追記文章でも折りたたみやすくなっています。
2.サンプル
追記文章の折りたたみ 2.0 サンプル
3.script.aculo.us のインストール
script.aculo.us のページの「get it already!」の下にある「Downloads page」のリンクをクリック。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
1.特徴
JavaScript エフェクトライブラリ script.aculo.us(スクリプタキュラス)を利用し、「続きを読む」リンクをクリックすると追記文章をスライドダウンで表示します。
JavaScript が無効の場合はエントリー・アーカイブにジャンプします。
「続きを隠す」リンクは追記文章の前後に表示されますので、長い追記文章でも折りたたみやすくなっています。
2.サンプル
追記文章の折りたたみ 2.0 サンプル
3.script.aculo.us のインストール
script.aculo.us のページの「get it already!」の下にある「Downloads page」のリンクをクリック。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
ダウンロードアーカイブを解凍して内容をサーバのメインページと同じディレクトリにアップロード。ここでは下記のような配置になっていることを前提に話を進めます。
scriptaculous というディレクトリは解凍後のディレクトリ名を変更しています。lib と src はアーカイブのままの構成です。src 配下にはここで利用しないファイルも含まれていますので、まとめてアップロードしておくといいでしょう。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
ダウンロードアーカイブを解凍して内容をサーバのメインページと同じディレクトリにアップロード。ここでは下記のような配置になっていることを前提に話を進めます。
scriptaculous というディレクトリは解凍後のディレクトリ名を変更しています。lib と src はアーカイブのままの構成です。src 配下にはここで利用しないファイルも含まれていますので、まとめてアップロードしておくといいでしょう。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
ダウンロードアーカイブを解凍して内容をサーバのメインページと同じディレクトリにアップロード。ここでは下記のような配置になっていることを前提に話を進めます。
scriptaculous というディレクトリは解凍後のディレクトリ名を変更しています。lib と src はアーカイブのままの構成です。src 配下にはここで利用しないファイルも含まれていますので、まとめてアップロードしておくといいでしょう。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
ダウンロードアーカイブを解凍して内容をサーバのメインページと同じディレクトリにアップロード。ここでは下記のような配置になっていることを前提に話を進めます。
scriptaculous というディレクトリは解凍後のディレクトリ名を変更しています。lib と src はアーカイブのままの構成です。src 配下にはここで利用しないファイルも含まれていますので、まとめてアップロードしておくといいでしょう。
次のページで「current version」の下にある「scriptaculous-js-1.7.0.zip(2007年3月現在)」(または拡張子が tar.gz / tar.bz2)のリンクをクリック。
ダウンロードアーカイブを解凍して内容をサーバのメインページと同じディレクトリにアップロード。ここでは下記のような配置になっていることを前提に話を進めます。
scriptaculous というディレクトリは解凍後のディレクトリ名を変更しています。lib と src はアーカイブのままの構成です。src 配下にはここで利用しないファイルも含まれていますので、まとめてアップロードしておくといいでしょう。