2007年03月07日

●サンプル

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)のリンクをクリック。

続きを読む ≫

●サンプル

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)のリンクをクリック。