“続きを読む”を折りたたみにする。
と言うわけで、またまた、●追記文章の折りたたみ用スクリプト(改) by 小粋空間 さんを利用させていただきました。
まんま使ったんで、トラバ無しと言うことで。(苦笑)
自分覚書用に”続きを読む”以下へスクリプト転記。(笑)
それぞれのテンプレート(個別アーカイブテンプレート以外)の、<head>~</head>間に下記スクリプトをコピペ。
<script language="javascript" type="text/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>
続いて、メインエントリーが表示される部分のうち、<MTEntryIfExtended>~</MTEntryIfExtended>間を書き換える。
(例)メインインデックステンプレートの場合、下記赤字部分を・・・。
<MTEntryIfExtended>
<span class="extended"><a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>"</a></span><br />
</MTEntryIfExtended>
下記青字へと書き換える。
<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>
以上。
こんばんは。こちらもご利用くださりありがとうございます。スクリプト転記全然OKっす。(笑)
すみません。いつもありがとうございます。m(__)m
話、変わりますが、最近ダジャレの切れが増しているような・・・。(笑)
(笑)ありがとうございます。何十分も考えても出ない時とヒラメく時のムラが大きいようで…(笑)。
エントリー内テキスト折りたたみ
ブログのエントリーで追記に記事を書くとその内容は続きを読む〓をクリックすると読め…
“続きを読む”を折りたたみにする
やっぱりあれかな。 スクリプトとかいっぱいうめたら重くなるよねw まぁとにかくつ…