Ura-pytti - 追記の折りたたみ化

追記の折りたたみ化　-　2004年11月15日(月)

これまで、長い記事は「続きを読む...」をクリックして別ページにジャンプしないと全文が読めなかったのですが、この度リンクをクリックすると続きがそのまま表示されるようにスクリプトに手を加えました。改変にあたっては、小粋空間さんの追記文章の折りたたみ用スクリプト（改で紹介されているスクリプトをヤプログ用にカスタマイズしたものを使用しています。元のスクリプトからの変更箇所は基本的に変数のみです。追記欄に変更した部分のリストを載せておきますので、導入したいヤプログユーザーの方は小粋空間さんの記述と併せてご利用下さい。

変更箇所は以下の通り、変数のみです。エディタの置換機能などを使って一気に修正してしまえばよろしいかと思われます。

<MTEntryIfExtended>	→ <BlogEntryIfExtended>
</MTEntryIfExtended>	→ </BlogEntryIfExtended>
<$MTEntryID$>	→ {$BlogEntryID$}
<$MTEntryPermalink$>	→ {$BlogEntryPermalinkUrl$}
<$MTEntryID pad="1"$>	→ {$BlogEntryID pad="1"$}
<$MTEntryMore$>	→ {$BlogEntryExtend$}

※追記欄に入力されたヤプログのタグ（<大>とか、<リンク: http...>とか）や絵文字はメインページでは正常に表示されなくなるので、HTMLタグで記事を書きましょう。絵文字好きの方は残念でした。
※うっかり間違って変なところを削除しても大丈夫なように、バックアップを取ってから作業することをオススメします。。。

[ この記事を通報する ]

Posted at 02:24　/　Information　/　この記事のURL
コメント(3) 　/ トラックバック(2)

この記事のURL: http://yaplog.jp/upt/archive/25
トラックバック: この記事へのトラックバックURL
http://yaplog.jp/upt/tb_ping/25

» 追記折り畳み。 from あたい本気だよ
追記を読むときに一々ページ移動してたのが嫌でその場で読める『折りたたみ式』にしました
どういうものかと言うとこの記事の追記ボタンを押してみてくれればわかるよ

参考にさせていただいた記事
小粋空間さんの“追記文章の折りたたみ用スクリプト（改”
ウラピチ...
[ このトラックバックを通報する ]
[Read More]
Tracked on 2005年09月06日(火)　14:50
» 追記折り畳みｽｸﾘﾌﾟﾄ・ﾔﾌﾟﾛｸﾞ用(あき改） from *Several men, several minds.*
記事の「続きを読む」を押すと移動して
読んでいた場所ではない所に移動してしまうのを
これを使うと読んでいた場所のまま続きを読めるようになる。
ﾔﾌﾟﾛｸﾞ用に「あき。」が改良してくれたものです。
参考にしたｻｲﾄ
『こちら』では元のｵﾘｼﾞﾅﾙｽｸﾘﾌﾟﾄをｽﾑｰｽﾞな動きに
...
[ このトラックバックを通報する ]
[Read More]
Tracked on 2005年02月22日(火)　13:11

コメントする

こんにちは。返事が遅くなってすみません。

メインの方は変数の書き換え忘れがあったみたいですね。ともあれ解決されたようで何よりです。
一記事テンプレは、はじめから記事と追記全文を表示する仕様になっているので折りたたもうにも折りたたみようがない、と思います。というわけで、メインとアーカイブが成功した時点で改造は完了です。

参考になれば幸いです。

[ このコメントを通報する ]

Posted by:Korora at 2004年12月28日(火)　00:40

なんどもすみません。
メインとアーカイブはできたのですが
一記事テンプレのところはどう書き換えていいのか
わかりません。もしわかりましたら教えていただけませんか。。。
お願いいたします。

[ このコメントを通報する ]

Posted by:mimi at 2004年12月27日(月)　21:22

はじめまして。検索してたどりついたのですが、
折りたたみ化をしてもうまくできないのですが
スクリプトは小粋空間さんのこちらでいいのですよね？
<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>
そして、書き換えるのはこちらで間違いないと思うのですが....どうでしょう...
すみません。長々と。。。
<BlogEntryIfExtended>
<div id="Link {$BlogEntryID$}
<a href="<$MTEntryPermalink$>" name=" {$BlogEntryID pad="1"$}" onclick="showHide( {$BlogEntryID$},' {$BlogEntryPermalinkUrl$}',this);return false;">続きを読む ≫</a>
</div>
<div id="Text {$BlogEntryID$}" style="display: none">
{$BlogEntryExtend$}
<a href=" {$BlogEntryPermalinkUrl$}" name=" {$BlogEntryID pad="1"$}" onclick="showHide( {$BlogEntryID$},0,this);return false;">≪ 続きを隠す</a>
</div>
</BlogEntryIfExtended>

[ このコメントを通報する ]

Posted by:mimi at 2004年12月27日(月)　16:11