Make a note of it: Web tech, montaineering, and so on.
| num | data |
|---|---|
| row1 row1 row1 row1 row1 row1 row1 row1 row1 row1 | |
| row2 row2 row2 row2 row2 row2 row2 row2 row2 row2 | |
| row3 row3 row3 row3 row3 row3 row3 row3 row3 row3 | |
| row4 row4 row4 row4 row4 row4 row4 row4 row4 row4 | |
row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 |
|
| row6 row6 row6 row6 row6 row6 row6 row6 row6 row6 |
さすがに手を抜きすぎたと反省し、とりあえずツールチップ付けてみた。これでだいぶマシかと思う。
ソースは以下にて。
| num | data |
|---|---|
| row1 row1 row1 row1 row1 row1 row1 row1 row1 row1 | |
| row2 row2 row2 row2 row2 row2 row2 row2 row2 row2 | |
| row3 row3 row3 row3 row3 row3 row3 row3 row3 row3 | |
| row4 row4 row4 row4 row4 row4 row4 row4 row4 row4 | |
row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 row5 |
|
| row6 row6 row6 row6 row6 row6 row6 row6 row6 row6 |
前回のサンプルを踏み台に、テーブル行を並び替えるスクリプトを作ってみる。というかコレが本当にやりたかったこと。詳しい動きは...
まあ暫くやってみれば解ると思う。てきと～にプチプチ・ソートと名付けよう。並び替えるときに同時に<input>タグのvalueも再設定してたりするんだけど、これに意味があって、まあ要するに表示メニューの並び替えを変更/登録するWebアプリのために作ったスクリプトなんだ。なかなかウケは良いですよ？ Webでのドラッグ＆ドロップは労力に見合うほどの効果があるか疑問だった、って判断しただけですけどね！
p.s.: ちょっと追記。使いやすいドラッグ＆ドロップの設計はたいへんだ、ということ。もちろんこのスクリプトの動作も解りにくい。けど、ツールチップを表示するとか選択後のclass指定を工夫するとか考え付くことはいっぱいあって、俺にはこれをベースに弄るほうが楽に思える。
解説は以下にて。(デモは「続き」で動きます。)
| 1 | rowSelect rowSelect rowSelect rowSelect rowSelect |
|---|---|
| 2 | rowSelect rowSelect rowSelect rowSelect rowSelect |
| 3 | rowSelect rowSelect rowSelect rowSelect rowSelect |
| 4 | rowSelect rowSelect rowSelect rowSelect rowSelect |
| 5 | rowSelect rowSelect rowSelect rowSelect rowSelect |
| 6 | rowSelect rowSelect rowSelect rowSelect rowSelect |
ライブラリを使わないtable要素の行選択。とゆーか<tr>要素のclassを動的に変更するスクリプト。YUIでいうこの辺。
今回のサンプルはより複雑な動作を実現する踏み台という位置づけであります。選択した行の<tr>要素を取得するという動作が必要。オマケでclassの変更。見た目だけならCSSのhoverでも使えば良いし、ライブラリもいっぱいある。Ext.jsとか。自分で組んだほうがカスタム楽そうだ、ということ。
classの取得/設定、Eventオブジェクトとthisの扱いには苦労した。IE逝ってよし。今日ほどサイ本をありがたく思った日はありません。みんなサイ本買おう。
以下、細かい解説。(デモは「続き」で動きます)
購入後2ヶ月経過。気が付けば黒ブル化。いや、そんな気はまったくなかったんですけどね。標準のサドルに不満があったんでロングライド用のに換えたら、なんかみょ～にレーシーになっちゃって。もういっそ徹底的に黒くしてやろうかと考えた次第であります。
俺の持ち物がことごとく黒くなってしまうのは、最早宿命と言えよう。以下、細かい画像とレビュー。
Twitterにて@storywriterのおかげで気付いたのですが、Aboutに置いてた連絡用メアドがエラってました。現在は修正済み。
9月頭あたりにこっそりと当サイトのサーバをCORESERVERに変更させてたんですけど、そのときメール設定でミスってたみたいです。転送できてないばかりか、大量のスパムメールでオーバーフロー起こしてました。エラーメールも来ないんだから気付きようがない。
というわけで、9月頭から10月6日（早朝）にかけてメール送ってくれてた人には届かなかったり無視ってたりしてるかもしれない。ホント申し訳ない。マジごめんなさい。手間じゃなければ再送していただけると助かります。こんどは真摯に対応させてもらいますので！
ちなみにCORESERVERの方はすこぶる快調です。主に負荷的な意味で。XREAのときは割かし負荷に悩まされてたんですけどね。現在はサクサク動いてます。