第三の修練

カップ麺で3分間待つためのページ

ラーメン食べる前に、今作ったもの。やっぱりカタくらいがちょうどいい。

いただきまーす。

Operaで強制的に再描画

する方法を検索したところ、ピンポイントのタイトルがはてなブックマークで見つかった。→OperaでElementを強制再描画させる-Hello, world!

でもブックマーク先のページに飛んだら、リンク切れ。。。でも、「element.style.backgroundColor = 'transparent'をスイッチ」とコメントされている方がいて、

var hoge = element.style.backgroundColor;
element.style.backgroundColor = 'transparent'
element.style.backgroundColor = hoge;

だろうなと予想がついた。要約コメントありがとうございます。

domsh

何の役にも立たないけど、DOMツリーをUnix系のshellライクに徘徊できるものを作った。

domsh

上のブックマークレットを任意のページで実行してもらえれば、コンソールっぽいものが立ち上がります。

使い方は、helpを入力すると使えるコマンドが出てくるので大体わかると思います。中途半端ながらShift+スペースによる補完機能もあり。（本当はtabキーで補完したかったけど、面倒だったので。。。）

• DOMツリーと言いつつ、ルートはdocumentではなくhtml。
• 個人的におもしろかったから作っただけなので、実用性なし。
• Opera、Firefoxは動くはず。
• 多分、きちんと動作しないページもあり。

テーブルの正規表現フィルタリング

テーブルのソートを少し変えるだけでできなので。Excelで出来ると嬉しいんやけどなあ。 デモページ ソース

世に出てるテーブルソート用ライブラリとの比較

見てみて気付いたことと前エントリのやつとの比較。完全に自分用メモ。

• http://lab.katsuma.tv/js/order_by_column.js
  • 何列目がソート対象か？を調べるために、thタグの内容を総ナメしている。
    　→cellIndexを使ってる。
  • 文字列でソートするか、数値でソートするかのオプションがある。
    　→全て文字列でソート。
  • ソート結果を表に反映させる前に既存のデータを一旦削除
    　→[行の参照, テキスト]な配列を準備し、これをソートしてappendChild。
  
  
• http://www.tagarga.com/blok/download/tablesort/tablesort.js
  • 何列目がソート対象か？を調べるために、cellIndexを使用。
    　→一緒。
  • 文字列、数値、日付、大文字小文字区別なし、とかソートのオプションが一杯。
    　→全て文字列でソート。
  • [行の参照, セルの参照, テキスト]な配列を準備し、これをソートしてappendChild。
    　→一緒。
  • ソート対象のテキストの取得にtextContent、innerText、innerHTMLを使ってる。
    　→innerHTMLのみ使用。

まあ他のも似たようなもんやろ。