ココログをAjax化するJavaScript(再掲)

#Win IEで動かなかったので修正した

ココログをAjax化して、Web2.0なブログサービスへと昇華させるJavaScriptを作ってみました。

何の事だよって感じなので、とりあえず右側にある「カテゴリ別バックナンバー」か「月別バックナンバー」のプルンダウンメニューから適当なのを選んでみて下さい。

どうでしょう、なんだか不思議な感じがすると思います。

はい、ページ遷移なしで各バックナンバーの一覧を見ることが出来るというわけです。

はっはっ、面白すぎる！こりゃ愉快！

これを作ってみて思ったことは、サイドバーの再描写がないと、非常に快適になるということ。
これだと、気軽にバックナンバーを見てみようという気持ちになります。
サイドバーに色々貼り付けていて、ページが重たい人にお勧めです。

ということで、ココログを使っている方ならどなたでもお使いいただけます。

いつものように、マイリストに以下の項目を書くだけです。
(このままだと読みにくいので、適当なテキストエディタにコピペしてみて下さい。)

---------------------
<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/category_archive2pulldown.js"></script>
<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/cocolog_archive_extention.js"></script>
<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/date_archive2pulldown.js"></script>
<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/cocolog2ajax.js"></script>
<script type="text/javascript">
window.onload = function init() {
date_archive2pulldown( '/blog/archives.html', '#type=title', true, true, true);
initStyle();
cocolog_archive_extention();
category_archive2pulldown('#type=title', true, true, true);
}
</script>
---------------------

・解説
ココログデザインを使っていない人は、
window.onload = function init() {}
の中にある、initStyle();
を削除して下さい。

あと、
date_archive2pulldown( '/blog/archives.html', '#type=title', true, true, true);
category_archive2pulldown('#type=title', true, true, true);
この二つがAjax化するための設定項目なんですが、最後の三つのtrue, true, trueでそれぞれ細かい設定が出来ます。
必ず３つまとめて記述して下さい。これが２つだけだったりすると動きません。
一個目のtrueはAjax化するかどうかの設定。
２個目は暴想: タイトルと概要を表示するJavaScriptを使うかどうかの設定。
３個目は、タイトルだけ表示モードをオンにするかどうかの設定（タイトルと概要を表示するJavaScriptのタイトルのみ表示をクリックした後の表示にいきなりするかどうかの設定）。

で、オフにする場合は、「true, false, false」みたいにして下さい。
あと、'#type=title'はどのみち無視されるので、とりあえず入れておいて下さい。
'/blog/archives.html'は、ご自身のブログのパスを入れて下さい。/blog/を変更すると言うことです。/nikki/とかに。
詳しくは、暴想: 月別バックナンバーをプルダウンメニューにするJavaScriptを参考にして下さい。

もう少し使いやすくして、full Ajax化を目指したい。

プロとして恥ずかしくないWEBレイアウトの大原則

↓1日1ポチッとをお願いします！励みになります！