Crimson Report

<< パン屑ナビ【2】 | パン屑ナビ【3】 >>


スポンサーサイト

Fri 18 11, 2005

Permalink : http://sug.jugem.cc/?eid=

一定期間更新がないため広告を表示しています

| posted at | filed under - | - | - |

Latest entry


プレパゲ・ネクパゲ【3】

Tue 16 11, 2004

Permalink : http://sug.jugem.cc/?eid=173

前の記事のように大仰じゃなくても、ページのある部分をコピぺするとちょっと便利になるって話を。

じゅげむには、前後のページ・前後のエントリへのリンクが標準装備されている。みなさんはこれをどこに置いているだろうか?前後エントリのリンクは記事の前、前後ページのリンクは記事の終わり、って人が多いように思う。

前後エントリへのリンクはタイトル名が表示されるので、記事の上にレイアウトされていれば現在・過去・未来?のタイトルが1度に見られて記事内容の流れを想像しやすい利点がある。また、前後のページへのリンクがそのページを読み終わった最後にあるのも合理的だ。このリンクが上下に2箇所あれば、さらに便利になるのでは?

[ HTML ](エントリエリア開始部分)

<!-- BEGIN entry -->

<div class="entry">

<!-- BEGIN page -->
<div id="navi" class="navi">
<a href="{next_page_url}">&lt; 前のページ</a> | <a href="{prev_page_url}">次のページ &gt;</a>
</div>
<!-- END page -->

<!-- BEGIN sequel -->
<div id="navi" class="navi">
{prev_entry} | {next_entry}
</div>
<!-- END sequel -->

<div class="entry_body">

IDがダブっているように思えるが、ここがミソ。同時に両ブロックが出力されることはないので、同じIDを使いまわししてコードを簡略にできる。このIDの要素内容をコピーして記事の終わり(ページの終わり)に書き出す。

[ HTML ](エントリエリアとコメントエリアの境界部分)


</div>
<!-- END entry -->

<script type="text/javascript">
<!--
function getEL(id) {
if (document.getElementById) return document.getElementById(id);
else if (document.all) return document.all(id);
}

if ( getEL('navi') ) document.write('<div class="navi">' +getEL('navi').innerHTML +'<¥/div>');
//-->
</script>

<!-- BEGIN comment_area -->
<div id="comments">

[ CSS ]

.navi { text-align: center; }

関連記事

| posted at 20:24 | filed under Memo | comments(2) | trackbacks(0) |


スポンサーサイト

Fri 18 11, 2005

Permalink : http://sug.jugem.cc/?eid=

| posted at | filed under - | - | - |


Comments & Trackback

  1. - : 管理者の承認待ちコメントです。

  2. - : 管理者の承認待ちコメントです。


Search this site

about this site

Categories

Archives

Appddix