Crimson Report

<< パン屑ナビ【1】 | プレパゲ・ネクパゲ【3】 >>


スポンサーサイト

Fri 18 11, 2005

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

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

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

Latest entry


パン屑ナビ【2】

Tue 16 11, 2004

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

まずは中継になるページを作ることから始める。今回はPCafeさんの記事を参考にして、マルチユーザー用のプロフィール欄を使って実現させる。じゅげむが出力したメニューは隠しておき、内容をコピーして(間に修飾などを挟み)用意したページに貼り付ける。

さらっと書いたが、ここ最大のがツッコミどころだ。なにしろトップページにあるメニューを使わないで、わざわざ新しくページを(ただでさえ激重なのに)ロードし、ようやくメニューにたどり着くという寸法だ。遠回りしてやっと見つけた幸せは、自分のすぐ近くにあったんだね!って。青い鳥の伝説は本当だったんだね!って感じである。

中継ページの用意

管理メニューからJUGEMの設定、ユーザー管理と進み、新規ユーザー登録をする。サンプルでは、じゅげむが自動的にpid=2を設定したとする(ユーザーの環境によって変化する)ログインユーザー名・パスワードは適宜記入。次に登録したユーザー名のプロフィール欄の編集をする。内容は以下のようにIDを指定したボックスをひとつ置く。後でこのIDを識別して内容を書き出す。

[ HTML ](JUGEMの設定>プロフィール編集>ユーザーの説明の欄)

<div id="archivesarea">
</div>

これを中継にしたいページの数だけ繰り返す。IDは同じものでもかまわないのだが、別名にすることを推奨。

呼び出し側の作成

まず考えなければならないのは、スクリプトがOFFでも観覧に支障がないようにするということだ。オリジナルのメニューは初期設定を表示にしておき、スクリプトで非表示に上書きする方法で両者を分ける。

[ javascript ](HEAD内)

<script type="text/javascript">
<!--
document.writeln("<style type='text¥/css'> #menu { display: none; } <¥/style>");
//-->
</script>

パン屑ナビはスクリプトで書き出すので問題はないが、メニューへのリンクはスクリプトONでは別ページへ、OFFでは内部アンカーへのリンクとして動作させる。

[ HTML ]

<a href="#archives" onclick="location.href='./?pid=2'; return false;">ログ</a>

メニュー内容のコピー&ペースト

document.URLを調べて、ユーザープロフィールのページ(?pid=2)ならば、オリジナルメニューの内容を、先ほど指定したIDのボックス内にコピーする。

[ HTML ]

<div id="menu"> <!-- menu -->

<div id="archives">
<!-- BEGIN archives -->
<h3>ログ</h3>
{archives_list}
<!-- END archives -->
</div>


</div> <!-- menu end -->

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

if ( document.URL.indexOf("pid=2") > -1 ) {
getEL('archivesarea').innerHTML = getEL('archives').innerHTML;
}

//-->
</script>

これでオリジナルのアーカイブリストは常に隠し、指定ページに内容だけを書き出すことができる。カテゴリーリスト、リンクリストなども同じ方法で可能。

以下次号

関連記事

| posted at 19:29 | filed under Memo | comments(0) | trackbacks(0) |


スポンサーサイト

Fri 18 11, 2005

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

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


Comments & Trackback


Search this site

about this site

Categories

Archives

Appddix