作る人 （つくるんちゅ）日記

また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>")

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