« きれいさっぱり! | メイン | 朝からゴロゴロ »

2005年09月19日

◆ 文章の折りたたみ

エントリーの続きを読むをクリックしたときに、リンク先へ飛ばず同じページに表示される方法です。

以下を文章を折りたたみ式にしたいメインインデックスなどに記入。
まずは<head>と</head>の間に

<script type="text/javascript">
function showHide(entryID, entryLink, htmlObj, type) {
if (type == "comments") {
extTextDivID = ('comText' + (entryID));
extLinkDivID = ('comLink' + (entryID));
} else {
extTextDivID = ('extText' + (entryID));
extLinkDivID = ('extLink' + (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>
<div id="extLink<$MTEntryID$>">
<a href="<$MTEntryPermalink$>" name="ext<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,'<$MTEntryPermalink$>',this,'entry');return false;">“<$MTEntryTitle$>” 続きを読む... ≫</a>
</div>
<div id="extText<$MTEntryID$>" style="display: none">
<$MTEntryMore$>
<a href="#ext<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this,'entry');return true;">≪ ...続きを隠す “<$MTEntryTitle$>”</a>
</div>
</MTEntryIfExtended>

きままにポロポロさんを参考にさせていただきました。

Posted by ayano : MT試行錯誤 | 2005年09月19日 19:04

トラックバック

このエントリーのトラックバックURL:

トラックバックが反映されないときは、スパムとして自動的に処理されてしまった可能性がありますので、Minibbsへお知らせください。

コメント

コメントしてください




保存しますか?


 
Copyright