PRE タグにスクロールバーを付けた

以前から、PRE タグで囲んだ内容がオーバーすると表示されない事に困っていたくせに、放置気味だったのですが、たまたま、同じ Blogger の人のサイトを見ていて、ちゃんとスクロールバー表示されてるじゃんって事で、Firebug で除いてみたら、

pre {
  overflow-x: auto;
}

こんな内容が入ってたので、自分も加えてみた。。とりあえず、Firefox の表示ではOKなので、良しとする。

CPAN に登録されている全てのモジュールのリスト

を取得するスクリプトを作ったので晒してみる。。。

#!/usr/bin/env perl

use strict;
use warnings;
use LWP::Simple;

my $url     = 'http://www.cpan.org/modules/02packages.details.txt';
my $content = get($url) or die $@;

open my $fh, '> cpan_modules.txt' or die $!;
for (
    split /(?:\r\n|\r|\n)/, (split /(?:\r\n|\r|\n){2}/, $content)[1]
) {
    print $fh (split /\s+/, $_)[0], "\n";
}
close $fh;

ってか、勝手に "http://www.cpan.org/modules/02packages.details.txt" この URL を使わせてもらってるのだが、いいのか？
エラー処理とか改行コードとか、かなり適当な感じなのだが、、まっ、取得できたしいいかw

AAA::Demo
AAC::Pvoice
AAC::Pvoice::Bitmap
AAC::Pvoice::Dialog
AAC::Pvoice::EditableRow
AAC::Pvoice::Input
AAC::Pvoice::Panel
...
...
...

動かすと、↑こんなのが取得できる。

prototype.js & jQuery.js を一緒に使ってみる。

prototype.js によるオブジェクト指向なプログラムと、jQuery.js のオブジェクトチェーンな実装を最大限活用して、自分流を作ろうかなと画策中なわけで、、そんな中、私の師匠が教えてくれた、Ext js が気になりつつ、、...

var MyClass = Class.create();
Object.extend(MyClass.prototype, {
  initialize: function (elm_id) {
    this.id = $("#"+elm_id);
    this.id.click(this.click.bindAsEventListener(this));
  },
  click: function () {
    alert("Hello!");
  },
  show: function (opt) {this.id.show("slow")},
  hide: function (opt) {this.id.hide("slow")}
});
var Human = new MyClass;
Human.click();

最近はこんな感じの設計です、、どうなんでしょう？ダメ出し大歓迎です。ではでは、、、