『続きを読む』の折りたたみ。 (ciao.bambino*)

お嬢様について...

です。
生後日目です。

Monthly Archives

2007年

2月 [2]

2006年

12月 [1]
11月 [9]
10月 [11]
9月 [18]
8月 [31]
7月 [28]
6月 [5]
5月 [1]
4月 [6]
3月 [23]
2月 [13]
1月 [34]

2005年

12月 [30]
11月 [20]
10月 [24]
9月 [30]
8月 [24]
7月 [31]
6月 [27]
5月 [20]
4月 [51]
3月 [48]
2月 [28]
1月 [14]

2004年

12月 [6]
11月 [6]
10月 [2]
9月 [3]
8月 [1]
7月 [1]

『続きを読む』の折りたたみ。

追記テキストを折りたためるスクリプトを導入しました。
続きを読もうとすると個別カテゴリーなどに飛んでいってしまい気に入らなかったので『小粋空間様』( 個別アーカイブに「続きを読む」を導入 )を利用させていただきました。
最初は『追記文章の折りたたみ用スクリプト（改）』を利用し、JavaScript部分を別ファイルにしlink rel=タグで吹っ飛ばそうかと思っていたんですが、モジュールで簡単にできることが判明。

→ 小粋空間様 - ( 個別アーカイブに「続きを読む」を導入 )
ありがとうございます。

■折りたたみ方法■

続きを読む ≫

1.テンプレート・モジュールにて新しいテンプレート・モジュールを作るをクリック。
2.テンプレートの名前に『ShowHide』とでも適当な名前をつける。
3.このテンプレートにリンクするファイルは何も記入しない。
4.モジュールの中身以下のスクリプトを丸ごとコピーする。

<script type="text/javascript" language="javascript">
<!--
function showHide(entryID, entryLink, htmlObj) {
    extTextDivID = ('Text' + (entryID));
    extLinkDivID = ('Link' + (entryID));
    if( document.getElementById ) {
        if( document.getElementById(extTextDivID).style.display ) {
            if( entryLink != 0 ) {
                document.getElementById(extTextDivID).style.display = "block";
                document.getElementById(extLinkDivID).style.display = "none";
                htmlObj.blur();
            } else { 
                document.getElementById(extTextDivID).style.display = "none";
                document.getElementById(extLinkDivID).style.display = "block";
            }
        } else {
            location.href = entryLink;
            return true;
        }
    } else {
        location.href = entryLink;
        return true;
    }
}
//-->
</script>

5.保存し再構築してモジュールは完成。 5.各テンプレートの <head>～</head> の間に
を挿入します。

6.各テンプレートの以下の部分を探し出します。

メインページ修正前
<MTEntryIfExtended>
<p（またはspan） class="extended"><a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>"</a></p（またはspan）>
</MTEntryIfExtended>

カテゴリー・アーカイブ/日付アーカイブ修正前
<MTEntryIfExtended>
<$MTEntryMore$>
</MTEntryIfExtended>

個別エントリーアーカイブ修正前
<$MTEntryMore$>

上記の赤色部分を↓これに書き替えます。

<MTEntryIfExtended>
<div id="Link<$MTEntryID$>">
<a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,'<$MTEntryPermalink$>',this);return false;">続きを読む ≫</a>
</div>
<div id="Text<$MTEntryID$>" style="display: none">
<$MTEntryMore$>
<a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this);return false;">≪ 続きを隠す</a>
</div>
</MTEntryIfExtended>

最後にすべて再構築して完了となります。 ≪ 続きを隠す

posted by : ciao | 12:32 AM | Permalink

トラックバック

このエントリーのトラックバックURL:
http://ciao-bambino.net/cgi/mt/mt-tb.cgi/170

ciao.bambino*

http://ciao-bambino.net/

お嬢様について...

Category

Monthly Archives

『続きを読む』の折りたたみ。

トラックバック

コメントを投稿

Search this site

Movable Type

IN AKITA

Counter

About

Link