月単位のアーカイブ: 2月 2009

GreasemonkeyなしでtumblrをAutoPagerizeさせる!

下の一行をtumblrのDescriptionにコピペする。
<script type=”text/javascript” src=”http://proto.jp/js/tumblrAutoPager.js”></script>
そうすることでtumblrの表ページがAutoPagerizeのような無限スクロールになる。tumblrのDescriptionはjsも普通に動作するので、xmlhttprequestにおけるクロスドメインの壁を越えられる。前からできんじゃね?と思ってて、試しにやってみたらできてビビった。
これはページに埋め込んでるjsなのでブラウザ依存しない。IE,Firefox,Safari,Opera,Google Clomeの最新版で動作確認済み。Greasemonkeyを入れてなかったり、対応していないブラウザでもAutoPagerizeぽい無限スクロールを体験できる。どんなもんか確認したい方は僕のPROTO-JP TUMBLRをIEとかで見てください。
動かないテーマがあるのがなー。テーマ作者は見た目変えるの良いけど、構造は変えるなといいたい。AutoPagerize対応も大変そうだ。
▼注意点など

本家AutoPagerizeが入っている場合にはそちらを優先します。
大体のテーマで動作しますが、構造が大幅に変わっているものには対応してません。あとDescriptionがないテーマでも動きません。
継ぎ目にあるリンク「AutoPage[OFF]」をクリックすることでスクロール機能をOFFにすることが出来ます。OFFにした後は「AutoPage[ON]」をクリックで機能をONにします。
なんらかしらの不具合があるかもしれません。あしからず。
言い忘れてた。tumblrAutoPagerはAutoPagerizeと互換してますので、対応していないテーマの場合はAutoPagerizeを対応させるタグを入れる事で動くと思います。タグについてはAutoPagerize0.0.11 - SWDYHの「マークアップの例」参照。が、実はさらに簡単で
class=”autopagerize_page_element”
を所定のタグに加えれば動きます。post群を包み込んでいるタグに前述のclass名を入れてみてください。

▼更新履歴

0.1.0 (090201)

公開

0.1.5 (090208)

内部仕様変更
全デフォルトテーマに対応
約9割のPopularテーマに対応

0.1.6 (090221)

細かなバグフィックス

0.1.7 (090222)

tagページに対応
404エラーに対応