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