« これはカッコいい!iPod nano用ケース | トップページ | 今日電車に乗ろうとしたら »

2005.10.17

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

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

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

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

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

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

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

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

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

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

---------------------
<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/category_archive2pulldown.js"></script>
<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/cocolog_archive_extention.js"></script>
<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/date_archive2pulldown.js"></script>
<script type="text/javascript" src="http://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でそれぞれ細かい設定が出来ます。
必ず3つまとめて記述して下さい。これが2つだけだったりすると動きません。
一個目のtrueはAjax化するかどうかの設定。
2個目は暴想: タイトルと概要を表示するJavaScriptを使うかどうかの設定。
3個目は、タイトルだけ表示モードをオンにするかどうかの設定(タイトルと概要を表示するJavaScriptのタイトルのみ表示をクリックした後の表示にいきなりするかどうかの設定)。

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

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

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


↓1日1ポチッとをお願いします!励みになります!
ポチっとよろしく!

|

« これはカッコいい!iPod nano用ケース | トップページ | 今日電車に乗ろうとしたら »

JavaScript」カテゴリの記事

ウェブログ・ココログ関連」カテゴリの記事

コメント

こんにちは。いつもサイト内検索スクリプトを便利に使わせていただいております。

今年になってからブログを始め、2月頃からJavaScriptを勉強し始めた若輩ものですが、最近はこちらのサイト内検索スクリプトを参考にさせていただいたりして、サイトのAjax化に挑戦しております。

こちらに「ココログをAjax化するJavaScript」というそのものずばりの記事があることに今日気がついたので、思わずコメントさせていただきました。

当方では、とりあえず、サイドバー読込回数削減計画
http://furyu.tea-nifty.com/annex/2006/03/2_325c.html
と名づけていますが、現段階で、各記事表示についてもAjax化することが出来ました。

Ajaxの性格上、記事のURLは変わってしまいますが、それでも一応、ブックマークもブラウザのバックボタンも有効です(といってもIE6とFirefox1.5だけしか確認していませんが)。

宜しければ、一度ご笑覧下さい。

投稿: 風柳 | 2006.04.12 16:36

こんにちは。
暴想様のスクリプトを便利に使わせていただいております。ありがとうございます。(ダウンロードして使ってるので、先日の集計には載ってません……)
さて、3月末のココログバージョンアップ以降カテゴリー部分のプルダウンメニュー化がうまく行ってなかったので修正してみました。
これは作者であればすぐに気づくところでしょうし、直さないのはお忙しいからとは存じております。
でも、修正していただけると、リンクで利用している他の方にも良いと思いますので、ご検討いただければと存じます。
それでは失礼いたします。

投稿: 栗田隆喬 | 2006.04.24 02:22

暴想さん はじめまして。
最近ブログを始めたばかりなんですが、サイドバーが ごちゃごちゃするのが嫌なので、何か方法はないかと検索している内に ここにたどり着きました。
これは素晴らしい。使わせていただこうと、記事どうりにしたつもりなんですが、動きません。バックナンバーも読ませていただきましたが、動かない理由がわからないので質問させていただきました。コースはココログ・フリー カスタムCSSを利用してデザインしています。やった方法は

1.このページのスクリプトをコピーして マイリスト(type:メモ)に貼り付けてブログに表示・反映

2.するとタイトルの”test”のみ表示されるだけ。

3。駄目だったので、マイリスト(type:リスト)に変更し、テキスト表示等、指定どうりにしてブログに反映

4.しかし、結果は同じ。タイトルの”test”のみ表示される。

共に右サイドバーに設置しているのですが、なぜか作動しません。どっか方法が間違っているのでしょうか?
是非使いたいのですが、作動しない理由は何なんでしょうか?

投稿: hibiki | 2006.06.03 21:59

暴想さん、おはようございます。
何か昨夜、色々やってるうちに設置できてしまいました。なんだかんだやってたので、何故出来たのか、駄目な理由はなんなのか判らずじまいでしたが( ̄Д ̄;)
実際に使ってみるとサイドバーはすっきりするし、記事選択もやっぱり凄くやりやすいですね。
それから質問なんですが、これってスクリプト本体はここに置いてあるんですよね。と言う事は 万が一ここが閉鎖されたり、不具合があった場合、このスプリクトは使用不能になるという事ですよね?

投稿: hibiki | 2006.06.04 05:50

> hibikiさん
まあ、おっしゃるとおりですが、ココログが無くならない限りこのサイトは続いていると思いますよ。

投稿: なおゆき | 2006.06.04 09:21

そうですか~安心して使えます(≧∇≦)

投稿: hibiki | 2006.06.04 10:59

はじめまして。
サイドバーをスッキリさせたいなぁ、なんて色々と調べていた矢先に、貴方様の「ココログをAjax化するJavaScript(再掲)」にたどり着きました。

導入後のご挨拶も失礼かとは思いますが、ありがたく使わせて頂きます!

投稿: haco85 | 2006.09.27 12:38

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/22269/6441412

この記事へのトラックバック一覧です: ココログをAjax化するJavaScript(再掲):

» 「ココログをAjax化するJavaScript」を導入 [URASYS【うらしす】]
暴想さんのJavaScriptを導入させていただきました。 ---------- [続きを読む]

受信: 2005.12.09 01:12

» カテゴリー表示スクリプトを勝手に修正 [栗田隆喬のどうにもいいこと!]
 うちのぺーじでは暴想さまのココログをAjaxにするJavaScriptを使わせ [続きを読む]

受信: 2006.04.24 02:23

» 【ココログ】アーカイブページに目次とページングを付加するJavaScript [風柳亭 - 別館:書庫のある庵 -]
トップページ/バックナンバー/カテゴリーの各ページを表示する際に、ページ内目次とn記事ずつのページング機能を付加するスクリプトを作成してみました。 サイドバーの... [続きを読む]

受信: 2006.07.14 02:24

« これはカッコいい!iPod nano用ケース | トップページ | 今日電車に乗ろうとしたら »