About

2007年6月11日 17:33に投稿されたエントリーのページです。

ひとつ前の投稿は「コメント欄を出すには・・?」です。

次の投稿は「サブカテゴリーリストのエクスプローラ風折りたたみ」です。

皆さんからのコメント

久し振りの更新!
めいぷる 08/232008:08:23:18:59:36
異常胡瓜?
月うさぎ 07/292008:07:29:13:41:46
大阪の単身赴任者より 08/122008:08:12:16:37:55
ケンコーボーイ 08/162008:08:16:23:46:05
山の爺 08/232008:08:23:18:33:43
更新日付表示
07/162008:07:16:10:52:33
山の爺 07/182008:07:18:09:55:00
.htaccess(ドットエイチティーアクセス)とは?
07/122008:07:12:11:43:55
山の爺 07/132008:07:13:10:38:18
山の爺 07/132008:07:13:18:07:05
フォーラム高知?
通りすがり 06/302008:06:30:06:30:54
山の爺 07/042008:07:04:12:58:13
米粉ケーキ
月うさぎ 06/152008:06:15:11:07:16
hanasakuoka 06/252008:06:25:01:15:40
山の爺 06/272008:06:27:14:28:51
山の爺 06/272008:06:27:14:32:29
めいぷる 06/282008:06:28:14:18:48
山の爺 07/042008:07:04:12:54:47
フォーラム熊本?
大阪の単身赴任者より 01/222008:01:22:16:23:57
山の爺 01/232008:01:23:13:10:24
hanasakuoka 01/232008:01:23:23:53:28
山の爺 01/252008:01:25:12:24:29
通りすがり 06/302008:06:30:06:18:24
Counter
トータルカウント
T今日のカウントY昨日のカウント
Powered by
Movable Type 4.1
mt
Top5・PC関係を覚える > mtの四苦八苦 > MT-plugin関係 > 追記文章の折りたたみ Web2.0

« コメント欄を出すには・・? | メイン | サブカテゴリーリストのエクスプローラ風折りたたみ »

追記文章の折りたたみ Web2.0

記事の折りたたみが有れば良いナ~?・・と思っていたらデフォルトでも可能らしいので早速入れてみた。
参考サイト様:小粋空間様。

以下は何かの為にメモメモ!

1・script.aculo.us のインストールだがコレは小粋空間様の所の紹介サイト様からDL.
其の侭解凍をしてサーバーにアップ。(私はindexの有る所に入れてみた)

2・次は折りたたみを行う所に以下の物を<head>~</head>間に入れる。


<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/src/effects.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/src/controls.js"></script>

<script type="text/javascript">
Effect.DefaultOptions = {
transition: Effect.Transitions.sinoidal,
duration: 0.5, // seconds
fps: 60.0, // max. 60fps due to Effect.Queue implementation
sync: false, // true for combining
from: 0.0,
to: 1.0,
delay: 0.0,
queue: 'parallel'
}
function ajaxShowHide(entryID) {
element = $('Text' + entryID);
if(element.style.display == 'none') {
options = {
afterFinish: function(effect) {
$('Link' + entryID).firstChild.innerHTML = '≪ 続きを隠す';
Element.show(effect.element);
}
};
Effect.BlindDown(element, options);
} else {
options = {
afterFinish: function(effect) {
$('Link' + entryID).firstChild.innerHTML = '続きを読む ≫';
Element.hide(effect.element);
}
};
Effect.BlindUp(element, options);
}
}
</script>

又エントリアーカイブには以下の物を使うらしい。


<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<div id="Link<$MTEntryID$>" class="ajax-entry-more-link"><a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="ajaxShowHide('<$MTEntryID$>');return false;">続きを読む ≫</a></div>
<div id="Text<$MTEntryID$>" style="display: none">
<$MTEntryMore$>
<div class="ajax-entry-more-link"><a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="ajaxShowHide('<$MTEntryID$>');return false;">≪ 続きを隠す</a></div>
</div>
<noscript>
<div id="more" class="entry-more"><$MTEntryMore$></div>
</noscript>
</MTIfNonEmpty>

エントリアーカイブ以外の折りたたみ部分は以下の物。


<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<div id="Link<$MTEntryID$>" class="ajax-entry-more-link"><a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="ajaxShowHide('<$MTEntryID$>');return false;">続きを読む ≫</a></div>
<div id="Text<$MTEntryID$>" style="display: none">
<$MTEntryMore$>
<div class="ajax-entry-more-link"><a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="ajaxShowHide('<$MTEntryID$>');return false;">≪ 続きを隠す</a></div>
</div>
</MTIfNonEmpty>

・・・と言ってもエントリページは記事は全て出ているので其の侭にした。
何かの為に以下の物はデフォルトの「メイン、カテゴリアーカイブ、日付アーカイブ」のページのみ行った。
以下の物はデフォルトの物。


<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<p class="entry-more-link">
<a href="<$MTEntryPermalink$>#more">"<$MTEntryTitle$>"の続きを読む»</a>
</p>
</MTIfNonEmpty>

コレで追記文章の折りたたみを閉じる事が出来た!遣ったぜ!凄い事を考える人も居る物だ。

人気ブログランキングへ

コメントを投稿

スポンサードリンク

e
Copyright © 2004 Enoki All Rights Reserved.