Jun's Diary

うにょうにょを取り付ける。

このサイトにもようやくうにょうにょスクリプトを取り付けた。

参考にしたのはGOINGMAMEWAYさんのエントリーです。

G O I N G M A M E W A Y : 追記部分とコメントTIPS
このスクリプトの良いところは上記の通り、ページを移動することなく追記部分が読めるということです。

テンプレート「Main Index」の＜head＞の部分に、次のスクリプトを追加します。

<script language="javascript" type="text/javascript">
function showMore(varA1, varB1){
var123 = (’varXYZ’ + (varA1));
varABC = (’varP’ + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else {
document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block";
}
} else {
location.href = varB1;
return true;
}
} else {
location.href = varB1;
return true; }
}
</script>

次のように一部書き換えます。

変更前

<$MTEntryBody$>
<MTEntryIfExtended>
<span class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></span><br />
</MTEntryIfExtended>

変更後

<$MTEntryBody$><br clear="all" />
<MTEntryIfExtended>
<span id="varP<$MTEntryID$>"><a title="続きを読む" href="<$MTEntryLink$>#<$MTEntryID pad="1"$>" onclick="showMore(<$MTEntryID$>,’<$MTEntryLink$>#<$MTEntryID pad="1"$>’);return false;" onkeypress="showMore(<$MTEntryID$>,’<$MTEntryLink$>#<$MTEntryID pad="1"$>’);return false;">続きを読む&gt;&gt;</a></span>
<div id="varXYZ<$MTEntryID$>" style="display: none"><$MTEntryMore$><a title="続きを隠す" href="#<$MTEntryID pad="1"$>" onclick="showMore(<$MTEntryID$>,0);return true;" onkeypress="showMore(<$MTEntryID$>,0);return true;">&lt;&lt;続きを隠す</a></div>
</MTEntryIfExtended>

この改造で、トップページ内で追記部分を読むことが出来るようになります。