ブログパーツの実験中 その2

IGU

2009年11月01日 20:01



JavaScript対応ブラウザで表示してください。


またCGIとジャバスクリプトを使って、メニューリストのパーツを作ってみた。
前回の反省から、今度は軽めの設計。
左側の+をクリックすると、各カテゴリー毎に折りたたみ式&スクロール式で、記事のリストを表示してくれます。

ベースとなったジャバスクリプトは、とあるQ&Aのコーナーで紹介された物等を、少し加工して使っています。表示するCGIは、今回書き起こしたオリジナル。

実際にこのブログに組み込んで、しばらく実験してみる予定。

普通、ブログパーツっていうと、お遊び系や役立ち系が多いので、ちょっと面白みは無いけど、このブログのように、マニアックな内容を書いているサイトでは、役に立つかもしれません。(問題が無ければ、後で公開)

それにしても、ちまちまとあんまさい作業が続いた。
ジャバスクリプトは、あまり得意ではないので、だいぶ悩みまくり!

途中で投げ出したくなったり(笑)。


結局、最後はふっとした思いつきで解決。
やれば、何とかなるもんですね。


■ジャバスクリプトの中身を見る方法
ちなみに、ジャバスクリプトで出力した内容は、ページのソースを見てもコードを知ることはできません。
(<script type="text/javascript"  ~~ という、外部へのリンクがあるだけです)

どうしても内容が知りたい方は、以下の一行をブラウザーのURL欄にペーストして enter すると、読む事ができます。(3行を1行にくっつけて下さい。また、対応してないブラウザーもあります。)

javascript:document.write("<textarea
style='width:100%;height:600px;'>"+document.body.
parentNode.innerHTML+"</textarea>")

↓1行にしたもの。
javascript:document.write("<textarea style='width:100%;height:600px;'>"+document.body.parentNode.innerHTML+"</textarea>")

ページのソース以外にも、ジャバスクリプトをブラウザーが解釈した内容がギッシリ表示されます。
目的の部分を探すのは、結構面倒かも。
ご参考まで。

関連記事